Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #28614

    I have a fairly wide group of logos in the header and a lot of pages in my top-level navigation. It fits well in a 1024px wide screen, but when I make the browser window more narrow, the menu overlaps the logo significantly until it gets narrow enough to activate the right justified drop-down menu. How can I activate the right-justified drop-down menu navigation earlier?

    #138106

    Hi sopadale

    The 2 things you’ll need to change are outlined in this post http://www.kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320

    Regards,

    Devin

    #138107

    Hi Devin,

    That worked in terms of switching the navigation to the pulldown menu before the standard navigation overlaps the logo, however, the intermediary pulldown menu for the navigation gets positioned to the very top of the page. Making the page slightly narrower, it then shifts to the proper spacing. Where would i put the “top: 50%” to effect just that intermediary pulldown menu so it doesn’t get shoved to the very top of the page? Thanks.

    #138108

    Hi!

    You can use a media query – it will only affect smaller screen which use the pulldown menu

    @media only screen and (max-width: 767px) {
    your css code
    }

    Replace “your css code” with your style rules and adjust the max-width value if necessary…

    Regards,

    Peter

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Activate mobile drop-down menu sooner’ is closed to new replies.