Drop Down Menu being cut off

Hi There,

Having issues with my dropdown menu, the dropdown box is getting cut off, and I cant figure out why. It is working perfectly on mobile and the minimised responsive design, but for some reason on desktop it displays as it does in the image below. Any help would be wonderfully appreciated.

https://preview.webflow.com/preview/metro-heating-cooling?utm_medium=preview_link&utm_source=designer&utm_content=metro-heating-cooling&preview=9a136ea4deede338171747aed7f05c9e&workflow=preview

Thanks,


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hi @David_Fary

The issue you are facing is due to the fact that overflow is set to hidden on your .page-padding element.
To fix the issue, i would advise adding a combo class of .is-padding-visible or something of that nature to the .page-padding element inside your nav component. Then, set overflow to visible on that class. See the attached screenshot:

I have same issue, but I cant make sense of the solution
https://preview.webflow.com/preview/direo?utm_medium=preview_link&utm_source=designer&utm_content=direo&preview=7a6e44b9cba69c824aca3b539e06c05c&workflow=preview

Found the solution :smiley: