WordPress.org

Ready to get started?Download WordPress

Forums

Canonical
[resolved] Menu wrap (4 posts)

  1. stevex64
    Member
    Posted 1 year 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

  2. Laura Hartwig
    Member
    Posted 1 year ago #

    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.

  3. stevex64
    Member
    Posted 1 year ago #

    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

  4. Ulrich
    Member
    Theme Author

    Posted 1 year ago #

    Great :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic