Astra child theme

☝️ Note: Check our article about Astra Theme Slider and learn how you can publish your slider with Astra.

If you can't find any good positions with Astra settings, then follow this tutorial.

⚠️ Warning: To be able to follow the steps of this tutorial, you are required you to have coding knowledge. Regretfully we can't provide support for custom coding. If you can't achieve what you are looking for or if you're not sure how to follow the instructions, hire a developer. We are also unable to provide support for problems happening because of custom codes.

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/

2

Create a style.css file in this folder

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

and write this code in it:

/*
Theme Name: Astra child theme
Template: astra
*/

3

Create a functions.php file

/wp-content/themes/astra-child/functions.php

Write this code in it, just replace the shortcode with your slider's:

<?php
function smart_slider_header(){
    echo do_shortcode('[smartslider3 slider=1]');
}
          
add_action('astra_header', 'smart_slider_header', 11);

4

Astra child theme

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

Create a style.css file in this folder

Create a functions.php file

Activate your child theme