Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #850815

    peter4576
    Participant

    I am trying to make my menu bar sticky in my site, so that it will be always displayed on the top when user scrolls the page, i have tried changing my site layout to “stacked” and all, but nothing worked out. Can you please let me know how i can achieve this?
    http://www.mojnmojn.dk/

    #850818

    peter4576
    Participant
    This reply has been marked as private.
    #850823

    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! I have checked your customizer setting. You are all set to make the navbar positioned fixed at the top of the page as the user scrolls on the page. It doesn’t work because there is a JS error on the page which caused the navbar not to correctly position at the top. You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    By the way, X 4.3.4 and Cornerstone 1.1.3 are now available! This release contains several bug fixes and we’re quite excited about the new features, so be sure to check out the changelog. Please do update to the latest version. After doing the updates, always remember to clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

    Please let us know how it goes.

    #850935

    peter4576
    Participant

    Hi,
    i have disabled plugins as you said and the js error is gone now. But still we are unable to make header sticky. Can you please look in to it?

    #850945

    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > CSS in the Customizer.

    
    body .x-navbar.x-navbar-fixed-top  {
       position: fixed !important;
    }
    

    Hope that helps

    #851998

    peter4576
    Participant

    I tried, But it didn’t helped. Navbar is still not sticky

    #852015

    Rupok
    Member

    Hi there,

    Thanks for updating. It should work if you add this correctly. I can’t see the code on your site so not sure what’s going on. Make sure to add this correctly and also check if there any glitch (i.e. not closed properly) on the other code on Customizer that might prevent this code to take effect.

    Cheers!