Streaming live at 10am (PST)

How to hold the background scrolling with hamburger menu?


#1

When I switchto Tablet mode, I've set up a hamburger menu on the right top corner. When enabled, the background still move making it difficult to return to the main page.
Is there a way to freeze the background once the hamburger menu is open?
Here is a video of the problem:

My preview link:
https://preview.webflow.com/preview/rm-test3?preview=dcb1a755d0fc267a334767bc8131c49d


Here is my public share link: LINK
(how to access public share link)


#2

Hi @rafdesign,

May I ask you, why don't you use generic navbar for this functionality?


#3

Hi Sabanna,
I tried at the beginning to use the nabber made by web flow but it felt that I didn't have much control, on the in and out ease, dissolve, motion, etc.
So I found this web flow page andI replicate something similar:
https://preview.webflow.com/preview/denzelin?preview=188564fba8a241df45daaa1d8568efad
I don't know anything about coding, I am just wondering why it's not working properly.


#4

Maybe because navbar is a bit more complicated element than we think. There is involved javaScript functionality and for people who are not very friendly with coding (and I am one of them) it can be hard to catch some small but important details. :confused:

But, let's go back to "how I can help".

1) In the example that you showed they use "fixed positioned" navbar, that is why you do not see such weird effect there. So you can make "navbar_A" element position fixed and give it background color same as menu has.

2) If you still want to have "absolute positioned" navbar, then I would suggest getting rid of 100px from the top in the aligning settings of "menu_overlay_B" element

At least, it will make all page same color, but navbar still will be possible to scroll out.

Regards,
Anna


#5

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