Menu Flyout is too wide on mobile only

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

    (@megamenu)

    Hi xciian,

    You have this custom CSS which is making the page wider than it should be:

    https://screencast.com/t/w5ijOpu0X9j

    .. so you will need to review that CSS (see if there is a better way to achieve what you’re trying to do), or put it in a media query so that it only applies to larger screens.

    You will also need to set a Responsive Breakpoint under Mega Menu > Menu Themes > Mobile Menu, as at the moment you are displaying the desktop menu on mobile, which is why the sub menus are going off the page. Your theme starts collapsing to a mobile view at 919px, so you should ideally set the Responsive Breakpoint to 919px also.

    Regards,
    Tom

    Thread Starter xciian

    (@xciian)

    I just want the menu to be narrower that’s all, in every other site I’ve made I’ve never had this issue. Changed the responsive breakout but I’ve very little experience changing things in CSS which is why I use CSS hero, can you guide me through?

    Plugin Author megamenu

    (@megamenu)

    Hi xciian,

    It is looking better now. I am not sure if you have changed your theme. But I think you now need to set the Responsive Breakpoint to 767px.

    The menu is behaving as I’d expect it to. We don’t provide help with custom CSS, so you would need to ask a freelancer if you need help with customisation.

    Regards,
    Tom

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu Flyout is too wide on mobile only’ is closed to new replies.