Hey all,
I am just about done my first site in webflow. I learned a ton but still get stuck.
I need some help with the navigation, which is set to fixed and appears on scroll.
Now, when I go to mobile view the nav always stays fixed. How can I get it to
behave like the desktop view of appearing on scroll and then staying fixed.
The other issue is how to properly center my embed videos so that they do
not introduce side scrolling on mobile. How can I get the videos to keep
their ratio depending on the device.
for your embed setting, set its width and height as 100%
Now you only need to set smaller width and height for video-embed-tribe class for all portraits
For your nav menu, if you want it appears exactly like your desktop view instead of burger menu, you need to set your nav same to all views: Menu icon for: None
Regarding your scroll event… I ran into this same problem. Unfortunately this isn’t possible with on iOS devices with Webflow. See topic here:
I was able to fake it though by having the main hero section above the nav bar using z-index. this way it would stay hidden on iOS and still seem to appear after you the hero section scrolls past. For desktop i still gave the nav a move into view and fadein interactions so it still has that nice reveal on everything but iOS
thanks so much @pastiwibawa the video is now displaying properly. Amazing.
and thanks @bryantay for the heads up on the nav not being able to stick.
I think I will just show it on load for mobile views and force the user to
scroll back up. It’s not so bad for this type of one pager I have going on,
but would be good to see a solution to this.