Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1375524
    baruchmaayan
    Participant

    I am building http://www.baruchmaayan.com right now. I have it set up how I want it to appear however, when I add another section in cornerstone I want that section to appear below the menu and for the menu to scroll up and then stay at the top much like it is in the x themes homepage. I have looked at several of the forum topics that have some similar requests but I am still a little confused about what needs to be done.

    Does it require a slider?
    Do I need to use revolution slider or layer slider?
    Where do I add the slider to make it have the same effect as the site looks currently?
    Is there a way to do it without a slider?

    Could you please help me with this?
    Thanks guys & gals!

    #1375958
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! What you have in mind can be done without using any slider. Because this requires a template change, I’d advise that you setup 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.

    Once your done setting up the child theme, please add the following code in your child theme’s functions.php file

    // Add image above menu
    // =============================================================================
    function add_image_above_menu() { ?>
        
    	<div id="x-section-1" class="x-section" style="margin: 100px 0px 0px;padding: 100px 0px 45px; background-color: transparent;">
    		<div class="x-container max width" style="margin: 0px auto;padding: 0px;">
    			<div class="x-column x-sm x-1-1" style="padding: 0px;">
    				<img class="x-img x-img-none" src="https://baruchmaayan.com/wp-content/uploads/2017/02/Baruch-Header.png">
    			</div>
    		</div>
    	</div>
    
    <?php    
    }
    add_action('x_after_view_global__slider-above', 'add_image_above_menu');
    // =============================================================================

    Hope this helps. Please let us know how it goes.

    #1404728
    baruchmaayan
    Participant

    Amazing and super easy. Thanks for your help. Yall are awesome.

    #1404747
    Thai
    Moderator

    You’re most welcome 🙂

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