Okay
  Public Ticket #3505318
How to update styling on mobile for the Mega Menu widget
Closed

Comments

  •  2
    Nivo Web Team started the conversation
    October 23, 2023 at 8:20am

    Hi,

    Please could you let us know how to update the styling for the mega menu widget on mobile?

    The main one is that we can't find out how to add any side padding to the mobile version of the menu, or change the item alignment. No matter what settings we adjust nothing changes.

    We are having the same issue on https://safaribeachnew.flywheelsites.com/

    Thanks

    Attached files:  IMG_7401.PNG
      IMG_7402.PNG

  •  532
    Igor replied
    October 24, 2023 at 6:19am

    Hi,

    you can change the layout of the menu and then set styling for that particular layout

    6952681737.png


    By doing that, you can change the style of three different responsive breakpoints (desktop, tablet and mobile)

    Regards,
    Igor

  •  2
    Nivo Web Team replied
    October 24, 2023 at 8:46am

    Hi,

    Thanks for your message.

    Do you know how we update the styling on mobile for:

    - menu items font styling

    - menu item spacing

    - there seems to be a gap when an menu item is selected (see attached)

    - menu item alignment 

    https://bkldev.je-hosting.co.uk/

    Thanks

    Attached files:  IMG_7408.PNG
      IMG_7409.PNG

  •  532
    Igor replied
    October 24, 2023 at 10:16am

    Hi,

    you can change everything under the Style tab in the widget configuration

    https://xbackbone.mihha-hosting.com/soJo9/teXEcIqA99.mp4

    If you are adding menu items as sections, then all the styling needs to be done under the section configuration and items that are included in the section

    Regards,
    Igor