Astra child theme
If you can't find any good positions with Astra settings, then follow this tutorial.
This documentation can help you put a slider under the top menu of the Astra theme.
- 1
-
Go to the FTP of your website and create a child folder
/wp-content/themes/astra-child-theme/
- 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');
- 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
- 4
-
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(); ?>
- 5
-
Activate your child theme