Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1367996
    Moonworks
    Participant

    When my navbar shows more than one row of links, the content gets hidden behind it. is there a way to bring the content block down if this happens?

    http://www.joejenkins.co.uk

    #1368033
    Rupok
    Member

    Hi there,

    In that case you can set Navbar Top Height to a bigger value from Customize > Header.

    Thanks!

    #1368102
    Moonworks
    Participant

    that changes the height of the navbar. I want it as it is, but on smaller screens the menu items may go to a second line, which means the main content is hidden at the top

    #1368167
    Moonworks
    Participant

    Even without two rows it is doing it it seems, so I think this is due ti Ubermenu.

    http://joejenkins.co.uk/groups

    #1368169
    Moonworks
    Participant

    Even without two rows it is doing it it seems, so I think this is due to Ubermenu.

    http://joejenkins.co.uk/groups

    #1368396
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! The Navbar Top Height should be the actual height of your navbar. At the moment, it is only set a 25 pixels but in fact the actual height is 62 pixels. Please change it to at least 62 pixels instead.

    Please let us know how it goes.

    #1368627
    Moonworks
    Participant

    I’ve changed it to 6 pixels, but all I get now is more of the content being covered.

    On this page, there should be 2 lines of links at the top, but all I see is the last one:

    http://joejenkins.co.uk/blog

    #1368636
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    body.x-navbar-fixed-top-active .x-navbar-wrap {
        min-height: 107px;
    height:auto;
    }

    Hope that helps.

    #1368675
    Moonworks
    Participant

    Thanks, that’s done the trick 🙂

    #1368681
    Christian
    Moderator

    You’re welcome.

    #1368689
    Thai
    Moderator

    If you need anything else please let us know.

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