Streaming live at 10am (PST)

Nav Bar Overlapping Section on Scroll


#1

Hi WF Forum,

I’ve linked nav menu items to section iD’s, but nav menu is covering part of the section when it arrives on scroll. Can you please take a look at what I’m doing wrong?

Read Link
https://preview.webflow.com/preview/342-east-8th-street?preview=0e3a405fef213b14524693190acdaa59

Desperate for a solution here. Thank you!


WANT Navbar to overlap section on scroll
#2

Hi again Rob as I told you in a PM, it's not a bug, you've been breaking some unwritten rules in order for the offset-when-navbar-is-fixed to work.

I write it again here for others.

You need to respect a series of rules. Some are mandatory, some are healthy, some you respect, some you don't.

— healthy: name your IDs sections with simple 1 word name, no caps, no space, no dash
— mandatory: put IDs on sections at the top of the hierarchy, not down the hierarchy
— mandatory: have only one Webflow Navbar element.

I deleted the mobile navbar, added a top level section with a clean ID name and look how it nicely stops under your nav:

Try to rework your page respecting those rules. Craft a hand made nav for mobile if you really need to, not using the Webflow Navbar element. Put and use IDs on top level elements.

Edit : I have updated the blog post where I wrote abut this issue with those new rules:


#3

You’re the best. This fixed it. Thank you so much!

Rob Stofer
rstofer@boldnewyork.comrstofer@boldnewyork.com | 917.923.4494

Bold New York | MO>E Marketing
O: 212.753.7702 F: 646.349.4690
632 Broadway, 6th Floor, New York, NY 10012
boldnewyork.comhttp://www.boldnewyork.com/ | listings sign uphttp://www.jotform.co/boldnewyork/blast | large file? upload herehttps://www.dropbox.com/request/66cPLAjRO91e8B9Ld8L7?oref=e

FBhttps://www.facebook.com/boldnewyork / TWhttps://twitter.com/boldnewyork / IGhttps://instagram.com/boldnewyork/ / G+https://plus.google.com/u/0/101423133878729077992/posts / LIhttp://robert-stofer.branded.me/

Please consider the environment before printing this email. All material herein is intended for information purposes only and has been compiled from sources deemed reliable. Though information is believed to be correct, it is presented subject to errors, omissions, changes or withdrawal without notice. The information in this electronic mail message is the sender's business confidential and may be legally privileged. It is intended solely for the addressee(s). Access to this internet electronic mail message by anyone else is unauthorized. If you are not the intended recipient, any disclosure, copying, distribution or any action taken or omitted to be taken in reliance on it is prohibited and may be unlawful. The sender believes that this E-mail and any attachments were free of any virus, worm, Trojan horse, and/or malicious code when sent. This message and its attachments could have been infected during transmission. By reading the message and opening any attachments, the recipient accepts full responsibility for taking protective and remedial action about viruses and other defects. The sender's employer is not liable for any loss or damage arising in any way from this message or its attachments. Bold New York is a licensed real estate broker.

Owned and operated by BOLD LLC.


#4

Although now I’m able to see the “welcome section” in design mode and it disappears in preview and when published. Can’t figure it out.

https://preview.webflow.com/preview/342-east-8th-street?preview=0e3a405fef213b14524693190acdaa59

Thank you!

Rob Stofer
rstofer@boldnewyork.comrstofer@boldnewyork.com | 917.923.4494

Bold New York | MO>E Marketing
O: 212.753.7702 F: 646.349.4690
632 Broadway, 6th Floor, New York, NY 10012
boldnewyork.comhttp://www.boldnewyork.com/ | listings sign uphttp://www.jotform.co/boldnewyork/blast | large file? upload herehttps://www.dropbox.com/request/66cPLAjRO91e8B9Ld8L7?oref=e

FBhttps://www.facebook.com/boldnewyork / TWhttps://twitter.com/boldnewyork / IGhttps://instagram.com/boldnewyork/ / G+https://plus.google.com/u/0/101423133878729077992/posts / LIhttp://robert-stofer.branded.me/

Please consider the environment before printing this email. All material herein is intended for information purposes only and has been compiled from sources deemed reliable. Though information is believed to be correct, it is presented subject to errors, omissions, changes or withdrawal without notice. The information in this electronic mail message is the sender's business confidential and may be legally privileged. It is intended solely for the addressee(s). Access to this internet electronic mail message by anyone else is unauthorized. If you are not the intended recipient, any disclosure, copying, distribution or any action taken or omitted to be taken in reliance on it is prohibited and may be unlawful. The sender believes that this E-mail and any attachments were free of any virus, worm, Trojan horse, and/or malicious code when sent. This message and its attachments could have been infected during transmission. By reading the message and opening any attachments, the recipient accepts full responsibility for taking protective and remedial action about viruses and other defects. The sender's employer is not liable for any loss or damage arising in any way from this message or its attachments. Bold New York is a licensed real estate broker.

Owned and operated by BOLD LLC.


#5

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