The menu disappears in certain resolution

  • Resolved Oren Harhel

    (@kodbeer)


    1 year, 11 months ago

    In the desktop I change the size of the browser window, and make it smaller. At a certain window size, the menu disappear (until I make it even smaller and then the mobile menu appears as it should be). You can easily do the same and reproduce the issue.

    Here is the screenshot of the resized window with the website without the menu: https://imgur.com/kB1xsBo

    The expected behavior would be to have a menu with two lines if the width of the screen is not enough, but it doesn’t happen.

    Can you please tell me how can I solve it?

    • This topic was modified 1 year, 11 months ago by Oren Harhel.
    • This topic was modified 1 year, 11 months ago by Oren Harhel.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Oren,

    Thanks for posting a link. The menu does go to two rows, but your theme is hard coded to unstick the header when it goes onto two rows, that is what is when it disappears. I don’t think it should disappear (it should just unstick), so you may want to look in your child theme style.css file to see why that might be (look for any CSS that positions the header).

    As is it, you would need to prevent the menu from going to two rows. You could set a higher responsive breakpoint, or look here for some other suggestions:

    https://www.megamenu.com/documentation/menu-items-wrapping-two-lines/

    Regards,
    Tom

    Thread Starter Oren Harhel

    (@kodbeer)

    Thank you! I reduced the padding and font size according to the resolution.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘The menu disappears in certain resolution’ is closed to new replies.