Menu wrap

  • Resolved stevex64

    (@stevex64)


    11 years, 4 months ago

    Hello,

    The top menu switches to the minimal mode (not showing the links, and displaying the responsive menu icon) when the menu block is around 580px wide, but I need it to switch when the menu block is 700px wide. How could I do that? As it is now, the last two menu items wrap to a second line before the menu switches.

    Thanks,

    Steve

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Steve,
    A link to your site would be helpful, but you probably have something near the bottom of your style.css file that says something like

    @media all and (max-width: 580px)

    you would need to change that number to 700.

    Keep in mind whatever is after that will also begin changing at 700, so you might want to break that menu item out into a separate menu queary. Hope this makes sense.

    Disclaimer: all CSS changes should be done in a child theme or through a Custom CSS plugin so you don’t lose your changes if the theme is updated.

    Thread Starter stevex64

    (@stevex64)

    Hi Laura,

    Thanks very much for the reply. As so often happens, right after I asked the question I stumbled upon the answer. You’re right, it was a matter of editing the correct media query in the css.

    Steve

    Theme Author Ulrich

    (@grapplerulrich)

    Great ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu wrap’ is closed to new replies.

Tags