Streaming live at 10am (PST)

Silly mobile menu overflow question


#1

Clearly something I’m doing wrong due to my inexperience with Webflow (just started!), but the text within a default mobile menu / dropdown list is spilling out of its container as shown below for the line beginning ‘Our Residential…’

I assumed it would just run around within its container?


Here is my site Read-Only: https://preview.webflow.com/preview/individual-care-services?preview=f2b4d9f400e879367f51bf2c3de3b90b
(how to share your site Read-Only link)


#2

Sorry to pester, does anyone know who this is happening please?


#3

Hey @ConnectCreativeDes,

Add a combo class prewrapon Text Block 4 and on every block you have the issue.

Put this code on the head of your page

<style>
.prewrap {
    white-space:pre-wrap !important;
}
</style>

Publish, and have a look at the publish version, it should work.
Hope this helps


#4

Many thanks! You’re a star, that worked a treat thank you.

I’m surprised that I need custom code for (what appears to be) such a straightforward thing, I assumed I was just doing it wrong as I’m using the stock navigation element?


#5

Hey @ConnectCreativeDes, you did nothing wrong, it’s just the way webflow pre-config the dropdown, for some reason (and i guess for great reasons) they think it’s the best config.
Have a nice day,