Large dropdown menus may be cropped on mobile devices. This CSS fix ensures the proper display of mega menus across all screen sizes.

mobile-navigation-1.png

Implementation

We've added the following CSS code at the end of the <head> tag:

mobile-navigation-2.png

/* Ensure the mobile navigation is always visible */
.w-nav-overlay {
  overflow: visible !important;
}

This code overrides Webflow's default overflow behavior for navigation overlays.

  1. Keep the code for large mega menus to ensure mobile visibility.
  2. Remove if your menu is compact with no mobile cropping issues.

Previous

<aside> ✉️ Select

</aside>

Next

<aside> 🎨 Slider dots

</aside>