How to change when mobile menu appears

  • Resolved wpu9000

    (@wpu9000)


    10 years, 4 months ago

    Hello,
    I would like to change when the mobile menu appears.
    I have been looking through the css files but there are several with media queries and I am not sure where to make the changes.
    I would like the mobile menu to appear for a screen with of 768 pixels or less.

    thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    This wouldn’t be easy, but it currently appear at 767 (one pixel less than you’re wanting).

    Is there any reason you want to add one pixel?

    Thread Starter wpu9000

    (@wpu9000)

    Hi,
    many tablets I am testing on have a device width of 768 pixels in portrait view. At this size the menu breaks into two lines and does not look good, so it would be better to show the mobile menu. Having the mobile menu show for 800px or less would be good.

    thanks

    Theme Author Tom

    (@edge22)

    I’ll look into increasing this a little in the next version.

    Thanks!

    Thread Starter wpu9000

    (@wpu9000)

    Thanks.
    So I guess this is more involved than going into each of the css files that have media queries and changing all the references of 767 to 800?

    Theme Author Tom

    (@edge22)

    No, you can definitely do that – it’s just tough to allow the user to pick the breakpoints.

    If I set it to 768, will that work? GP uses the unsemantic framework which seems to prefer 767.

    Theme Author Tom

    (@edge22)

    I’ve set it to 768 in the most recent version (released soon) and have tested on tablets. All seems to be working fine now.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change when mobile menu appears’ is closed to new replies.

Tags