Avada child theme

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

If you can't find any good positions with Fusion Builder, 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 Avada theme.

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

/wp-content/themes/Avada-Child-Theme/

☝️ Note: If you're using the default Child theme Avada comes with, jump to step 3.
2
Create a style.css file in this folder

/wp-content/themes/Avada-Child-Theme/style.css

and write this code in it:

/*
Theme Name: Avada Child
Template: Avada
*/
	
3
Create a functions.php file

/wp-content/themes/Avada-Child-Theme/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('avada_before_main_container', 'smart_slider_header');
	

You have 3 good places, where you can put the slider:

  • avada_after_header_wrapper
  • avada_header
  • avada_before_main_container

These will put the slider either before the menu, between the menu and the breadcrumbs, or after the breadcrumbs. Replace the avada_before_main_container action with the one you want.

💡 Do you want to show different sliders on different pages?

Here are useful PHP functions to do it.

Example:

You want to show slider #1 on your home page and slider #12 on your About us page, which has the ID 1298. You can use a code like this:

<?php
function smart_slider_header(){
    if(is_home() || is_front_page()){
        echo do_shortcode('[smartslider3 slider=1]');
    } else if(get_the_ID()==1298) {
        echo do_shortcode('[smartslider3 slider=12]');
    }
}
add_action('avada_before_main_container', 'smart_slider_header');
	
4
Activate your child theme

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.