How to line break long menu items?

  • Resolved worldwideg

    (@worldwideg)


    1 month ago

    Hey guys,

    Hope all is well!

    I have a menu item with quite a long text which results in the text going outside of the container on mobile and not fully showing.

    I feel like I have tried everything to have the text line-break but with no results. The only thing I have managed to do is making the item scrollable via:

    .menu-item-10132 {
    overflow: auto;
    }

    Could you please provide me with a solution to have the text break into a new line instead?

    Thanks!

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

Viewing 1 replies (of 1 total)
  • rodicaelena

    (@rodicaelena)

    Hi there,

    I don’t think making the text break on a new line is easy to obtain and best practice.

    From my point of view, you can either decrease the font-size of all menu items, or use custom code to decrease the font-size just for that menu item, on mobile.

    Hope this helps.

    Kind regards,

    Rodica

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.