Streaming live at 10am (PST)

Having troubles with text break on mobile

Hi there,

I’ve navigated the forum back and forth and tried many solutions with no luck.
On mobile, the text within the “Preço” dropdown does not break. You will only find this in the landing pages “Raizes do Jalapão” or “360 Graus”, and down on each page. Preferably on the “360 graus” because it has more text rather than numbers.

I’ve added the following code to the Custom Code section:

.w-dropdown-toggle {
white-space: normal;
};
.Column p.breaktext p.breaktitle {
overflow-wrap: break-word; word-wrap: break-all; word-break: break-all; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
};

It didn’t work when using styles only in the ‘Columns’ div so I added a class to each text and added the class names to the code. And it still does not work when added the dropdown-toggle white-space thing.
I’m obviously not a coder, I think i’m overlapping styles.

I’ve run out of ideas, will appreciate a little help.
Thanks.

Here is my site Read-Only: https://preview.webflow.com/preview/jalapao?utm_medium=preview_link&utm_source=dashboard&utm_content=jalapao&preview=eb176ea40300f0e9054c848ff6256e1b&mode=preview