Astra theme

This documentation can help you put a slider under the top menu of the Astra theme.

Step 1

Go to the FTP of your website and create a child folder:

/wp-content/themes/ astra-child-theme/

Step 2

Create a style.css file in this folder:

/wp-content/themes/astra-child-theme/ style.css

and write this code in it:

/*
Theme Name: Astra child theme
Template: astra
*/
@import url('../astra/style.css');

Step 3

Copy the header.php file from astra into your folder:

From: /wp-content/themes/astra/header.php

To: /wp-content/themes/astra-child-theme/header.php

Step 5

Modify the code. This is how the end of the code looks like:

	<?php astra_header_before(); ?>
	<?php astra_header(); ?>
	<?php astra_header_after(); ?>
	<?php astra_content_before(); ?>
	<div id="content" class="site-content">
		<div class="ast-container">
		<?php astra_content_top(); ?>

Use our slider's shortcode under the header part:

	<?php astra_header_before(); ?>
	<?php astra_header(); ?>
	<?php echo do_shortcode('[smartslider3 slider=315]'); ?>
	<?php astra_header_after(); ?>
	<?php astra_content_before(); ?>
	<div id="content" class="site-content">
		<div class="ast-container">
		<?php astra_content_top(); ?>

Step 5

Activate your child theme.