Hi Sabanna, I have this problem but donât know how to fix it? My site looks good on mobile devices but the menu isnât scrollable, what can I do to fix it? Followed your tutorial but I donât think it works on Wordpress.
Hi @sabanna, Thanks for putting this tutorial together! This is exactly what I am trying to do. I tried what you suggested for the âOver Rightâ menu (creating âscroll-wrapâ div and custom links, etc), but itâs not working for some reason. As youâll see, my menu and the page content behind it still scroll. I would like to make it so only the menu scrolls and itâs only the height of the content inside it.
Would you mind taking a look and seeing if I missed something? Hereâs the read-only link to the site: Webflow - Structures Brewing
Inside the interaction âMobile Menu Fade Inâ change 2 steps, that affect mobile_menu_icon and mobile menu x`:
a) change trigger from âClickâ to âNavbarâ
b) add steps that make that icons display:none - Display: block
I hardly recommend moving all that custom code to the âSite settingsâ level (not Page settings). Then it will affect all pages, even dynamic, and you donât have to repeat it on every page
Thank you for posting this @sabanna. Itâs working fine for me.
Iâd like to hide the scrollbar and still have the menu scrollable. Something like they have on https://www.washingtonpost.com/
Do you know how to do it please?
Sorry for the delay. Could you also give me the link to the published version of that site, please? You can PM it to me if it canât be shared publicly.
yes â exactly! How come that it works for you? I tested on my iphone 7 and a small browser window in Chrome but it is not working for me Also doesnât work for me in the inspector.