Support » Theme: Pencil » How to control at what wdth top menu should shrink to mobile

  • Hi Patryk,

    Our main menu on top expanded a bit. Now we have a need to “shrink” menu into “Menu” button sooner / at narrower width, because some of the menu links get dropped to second line.

    How can we control at what width the menu should go into “mobile mode”? I cannot find it anywhere in CSS nor personalisation panel in WP.

    Thank you,
    Jan

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Patryk Kachel

    (@limestreet)

    Hi @albatros-desta,

    you need to do it using custom CSS. Mostly playing with .main-navigation ul and .menu-toggle selectors.

    I hope it helps you a bit.

    Best,
    Patryk

    • This reply was modified 8 months, 1 week ago by  Patryk Kachel.

    Thanks, not that easy to change though. In total 22 places in 2 css files concerning media query. I have changed all occurences of this “@media (min-width: 48em)” to this “@media (min-width: 68em)”.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to control at what wdth top menu should shrink to mobile’ is closed to new replies.