Silly mobile menu overflow question

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: Webflow - Individual Care Services
(how to share your site Read-Only link)

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

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

1 Like

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?

1 Like

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,

1 Like