Changing when mobile menu is displayed

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1619

    The mobile menu and main menus of our website work well, but one stage of the transition between the two doesn’t.

    The mobile menu shows at < 1025px, but from 1025 – 1200px the main menu is squashed and repeats itself, > 1200px and the main menu is fine.

    So all I need to do is make the mobile menu kick in at 1200, rather than 1024.

    I’m not very familier with css, but can follow instructions. I’ve searched high and low, and anything I’ve found hasn’t made sense with the theme we’re using ([](

    From what I can see it’s very template specific. We’re running an older version of the template, and so don’t have access to their support. Is there any relatively easy way of fixing this? I really don’t want to have to buy the theme again, and risk an upgrade on what otherwise works very well. I was hoping there was a plugin that would help, but all the menu plugins I’ve found, just seem to want to add extra menus, which isn’t what I want at all.


    Can you look through your stylesheet for a line that should look something like this:

    @media only screen and (max-width: 1024px) {

    You’d want to change that to (max-width: 1199px)

    Alternately, you may need to look for

    @media only screen and (min-width: 1025px) {

    If that’s the case, change that to 1200px

    It’s possible the theme has a stylesheet for an intermediary size, like a tablet, so you might just want to look for any media query strings and adjust what those numbers are.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.