▼
Streaming live at 10am (PST)

Menu Overflow-x

#1

Hi all, I have a problem with this menu: https://preview.webflow.com/preview/megamenus?preview=b6d51dd9bb692bd9b34e136bd7f527bd

I've added the following code to make it overflow on the x-axis, but after publishing it, it still overflows on the y-axis. I can't give it a fixed height as it prohibits the dropdown menus to appear then.

<style>
.Nav {
overflow-x: hidden;
overflow-y: visible;
white-space: nowrap;}
</style>

Any ideas on this?

Thanks,
Steyn

#2

Hi, @steynv

Classes names can't be capitalized in the CSS. All classes that you are using in Webdlow Designer getting lowercased when they are transferring into CSS code.

So, you have to use .nav instead of .Nav

Regards,
Anna

#3

Cool, yes, I see. Thanks @sabanna!

Steyn

closed #4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.