Streaming live at 10am (PST)

Sticky side nav not lining up to content

Hii Webflow community

I can’t figure out how to get the side nav items in the What We Do section to line up with the correct set of bullets on the right when clicked.

PLEASE have a look and let me know what I am doing wrong.

Thank you in advance.


Here is my site Read-Only:
https://preview.webflow.com/preview/songbird-education?utm_medium=preview_link&utm_source=dashboard&utm_content=songbird-education&preview=fbad57b0c80d92a58ce9a621407862e6&mode=preview
(how to share your site Read-Only link)

You should add extra div wrapper (Because looks like the anchor ignore top margin/padding in this case (Maybe related to smooth scroll plugin).

  • Step 1 (create div)
  • step 2 (put the list inside)
  • step 3 (add top padding)
  • step 4 (Add #id and link to extra div) **use more semantic name

Now click - works fine :slight_smile:

Anchor “current” class and close/small-height elements problem

When you use anchor and small height elements close to each other - sometimes “current” state “get crazy” (Add extra height if this is the case - min-height 60vh should solve this issue).

Thank you so much for taking the time to help me!
It’s working and you made my day.
https://songbird-education.webflow.io/

Have a lovely weekend.

1 Like