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.