Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 10, 2019 at 11:41 am #1099245
    Wolf

    Hello Enfold.

    I am looking to avoid text wrapping in one menu. I added an image. Basicly the lowest level is wrapping the titles and I would like only that level to have more width.

    Looking forward to your response

    May 11, 2019 at 7:14 am #1099521
    Rikard

    Hey Wolf,

    Thanks for the screenshot, could you post a link to where we can see the actual elements as well please?

    Best regards,
    Rikard

    May 13, 2019 at 8:32 am #1099936
    Wolf

    offcourse

    May 13, 2019 at 8:02 pm #1100248
    Victoria

    Hi Wolf,

    Best regards,
    Victoria

    May 15, 2019 at 2:51 pm #1101082
    Wolf

    I sent a screenshot in the first post, if you open the menu webshop the 3th and 4th level have the text wrapping

    May 16, 2019 at 7:22 am #1101276
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-7622 .sub-menu {
    width: 400px !important;
}

    Best regards,
    Rikard

    May 16, 2019 at 7:40 am #1101288
    Wolf

    Hello Rikard,

    Thank you for the response. I added a new screenshot where you can see what happens now. ( I changed the live site back )
    The text wrapping does stop, but part of the menu column now falls over the previous part of the menu. Is there a way to prevent this?

    May 17, 2019 at 5:11 am #1101653
    Rikard

    Hi,

    I can’t see that happening on the actual site so I guess you removed the CSS again. Please try to experiment with the left value to see if that works better:

    #menu-item-7622 .sub-menu {
    width: 400px !important;
    left: -300px !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.