Responsive menu question

  • Resolved angelatjuh

    (@angelatjuh)


    10 years, 7 months ago

    Hi Anders,

    Another question, a quick one this time I hope ??
    When the width of my screen is smaller then 1135px, the menu items get placed over 2 lines. I’d rather have it to resize the menu, just like the header and content.

    I didn’t change anything in the code about responsive menu, but it doesn’t work the way it does on your demo site.

    See the image for the menu being placed over 2 lines:
    https://s18.postimg.org/4daqg5cdl/Schermafbeelding_2014_08_05_om_22_55_25.png

    Hopefully you can help me out again.

    Kind regards,
    Angela

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi Angela,

    The menu is set to change to a mobile layout at 800px, which means that when the menu is wider than that, the menu items at the end will overflow the container and be displayed on two lines. Since there’s no way to detect the overflowing menu items on the CSS levels, I had to set a fixed width when the menu would be changed to the mobile menu.

    One solution would be to increase that fixed width, so that the menu is changed to the mobile menu at say 1140 pixels instead of 800 pixels. You could do that by creating a child theme, de-enque the Hemingway stylesheet, duplicate it in the child theme and change the media query @media (max-width: 800px) to @media (max-width: 1140px).

    – Anders

    Thread Starter angelatjuh

    (@angelatjuh)

    Thanks Anders, will give this a shot!

    Kinds regards,
    Angela

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive menu question’ is closed to new replies.