Menu drop down getting cut off

Design help General
1

Hi!

So in mobile/tablet viewing, the drop down menu on my work pages is being sent to the far left of the screen and getting cut in half making it so you can’t read it. I’ve been having trouble fixing this issue. The settings it is on right now used to work and now doesnt?

Any help would be much appreciated !

Here is my site Read-Only: https://preview.webflow.com/preview/huntermanonhoffman?utm_medium=preview_link&utm_source=designer&utm_content=huntermanonhoffman&preview=76d24ed5a9ef9c1a140c43c976fb622f&workflow=preview

2

You are using negative margin on the dropdown, you don’t have to do that.

Screen Shot 2022-01-21 at 11.32.43 AM
Screen Shot 2022-01-21 at 11.32.43 AM1920×1093 133 KB

You can just apply right: 0 on position. You should remove all the margins and positions you’ve applied on PAGE_MENULIST class or remove this class and create new one, to make it easy.

And only applied as below

Screen Shot 2022-01-21 at 11.41.14 AM
Screen Shot 2022-01-21 at 11.41.14 AM1920×1006 159 KB

3

Hi @huntermanon do you need further assistance with your request?

If your issue is solve please mark it as done.

Thank you