Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1226947
    FTL
    Participant

    I’m using the Ethos Stack and I would like to place the navigation menu below Revolution slider.
    Here’s the hierarchy I would like to follow:

    1.Logo centered
    2.Revolution Slider
    3.Navigetion Menu
    4.Content

    I’ve attached an image to explain

    #1227024
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To achieve what you have in mind please follow these steps:
    1] Please go to the customizer, Appearance > Customize > Layout & Design > Site Layout and set it as “Boxed”.
    2] And then go to the Appearance > Customize > Header > Logo and Navigation and set it as “Stacked”.
    3] To be able to have a slider between the logo and navigation, what you are trying to accomplish requires a template customization, we would like to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    After the child theme is set up, please add the following code in your child theme’s functions.php file

    // Displaying custom slider under the logo
    // =============================================================================
    function add_custom_slider(){ ?>
      
      <div class="custom-slider">
        <?php putRevSlider( 'alider-name-her' ); ?>
      </div>
    
    <?php }
    add_action('x_after_view_global__brand', 'add_custom_slider');
    // =============================================================================

    And please make sure that you have place the correct slider name.

    We would loved to know if this has work for you. Thank you.

    #1227507
    FTL
    Participant

    Thank you that worked perfectly! Much appreciated!!

    #1227521
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

  • <script> jQuery(function($){ $("#no-reply-1226947 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>