Streaming live at 10am (PST)

Page Load Interaction - Making Fixed menu not fixed


#1

I've used a page load interaction for a pop-in effect. The effect works fine but it causes the fixed Navbar to no longer be fixed. If I use a fade-in effect only it all works fine. However, any other animation like move in from side or pop-in causes the fixed-Nav to scroll and on mobile act oddly.

Is having a different page load interaction other than fade in not an option. I like to use page loads to make sure all assets are loaded prior to site being viewed.

https://preview.webflow.com/preview/partybusultimaterentals?preview=8c2f1826a545e0e1443537c0a490fa5f

http://partybusultimaterentals.webflow.io

Class structure, at the moment, is shown here.

This is the effect.



#2

Hi @jdesign.

Can't explain why it works like that. But there is option: I tried to apply this LOAD interaction separately to navbar and sections and everything works fine.

Hope it helps, cheers,
Anna


#3

Adding that interaction to all sections...hmmm...this is a small site so it's doable but on larger sites that might be a pain. I wonder if I add it to the nav and target the body. I'll keep working with it. Maybe @cyberdave would have some insight.


#4

Hope so blush
Cuz I think somehow interaction with Body effect all elements properties, even "background img" on you paralax effect is not staying fixed. So it is not only navbar problems


#5

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