Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 22, 2021 at 6:36 pm #1330031
    tremblayly

    Hi
    When on smaller screen, the menu wraps into a second line but the content page gets hidden. See screenshot here: https://snipboard.io/QzVG1w.jpg
    Here’s a link to the a product where you can see this happening when viewing on a smaller display size: https://silviafindings.com/product/14k-gold-classic-split-shank-ring-with-prong-setting-for-8x10mm-stones

    I’ve tried different ways to fix this as well as reducing the number of main menu items, but still I can’t seem to be able to find a solution.

    Much appreciate any help you can provide

    Thanks
    Lyse

    November 22, 2021 at 6:45 pm #1330033
    Yigit

    Hi Lyse,

    Thanks for contacting us!

    You can try adding following code to bottom of Quick CSS field 

    @media only screen and (max-width: 1390px) { 
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 14px;
    padding: 15px 10px;
}}

    and that should help down to 1030px. If you are able to switch to mobile menu at 1030px in UberMenu, please do so :)

    Regards,
    Yigit

    November 22, 2021 at 7:42 pm #1330040
    tremblayly

    Hi Yigit,
    Thank you that seems to have fixed that width issue and I did add 1030px as a responsive breakpoint viewport width at which the menu will collapse to mobile menu.

    However when I look at the mega menu items, I can’t seem to be able to scroll passed the visible ones. (screenshot: https://snipboard.io/TP5q0H.jpg)

    Thank you so much for the quick response.
    Lyse

    November 23, 2021 at 1:11 pm #1330115
    Yigit

    Hi Lyse,

    I checked your mobile menu but it looks different on my end and I am able to scroll through all items. Attached screenshots in private content field below :)

    Best regards,
    Yigit

    November 23, 2021 at 4:44 pm #1330157
    tremblayly

    Hi Yigit,
    But the ones that don’t work well are the menu items that use tabs styles like this one: https://snipboard.io/DPEwyj.jpg
    You see all of the wire menu items (which use tabs to display more items) you can only get to the first wire menu item.

    Thanks
    Lyse

    November 24, 2021 at 6:36 am #1330256
    Ismael

    Hi,

    Thank you or the info.

    Looks like you are using a third party plugin (Ubermenu) to create the tab style menus. Is there an option in the plugin where you can display the content of the tab on click instead of hover? Currently, the parent menu item closes immediately once you attempt to close the active tab or when you try to access the next items.

    You may need to contact the plugin authors for additional assistance.

    Best regards,
    Ismael

    November 26, 2021 at 10:19 pm #1330637
    tremblayly

    Hi Ismael,

    I did get support from the UberMenu plugin developer.

    Thank you
    Lyse

    November 27, 2021 at 6:07 am #1330658
    Rikard

    Hi Lyse,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    November 27, 2021 at 5:38 pm #1330686
    tremblayly

    Hi Rikard,
    You can close the ticket.
    Thank you
    Lyse

    November 28, 2021 at 5:19 am #1330719
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Main menu wrapping issue’ is closed to new replies.