Streaming live at 10am (PST)

Dropdown menu functionality

Hey guys!
I recently purchased a template on Webflow - I fell in love with it :slight_smile: As i’ve been editing it I have somehow changed the functionality of the dropdown menu and can’t fix it! When you click on “services” on the dropdown menu, the menu itself covers the title when it scrolls down to it… like this;

Ideally I want it to meet the heading just above it like this;

This is a preview link to the template I purchased to see how the dropdown menu should look like…

And this is the link to my website;

Thank you :slight_smile:

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

Hi @cathy,

Beautiful site!

The issue lies where the anchor for the link is located.

If you change the link from “Services” to “Intro,” then the scroll will stop above the heading.

Take a look at the screencapture I created to show how you can resolve the issue:

Hopefully this helps :blush:

1 Like

Hi @cathy

Nice work there! I love the green :slight_smile:

So, first thing, to fix the width of the fixed navbar, we need to remove the navbar from the container. See here:

Second, the reason why the .Content Section in the template had top-padding : 110 was to make sure that the nav links anchor above the content. You have reset those values to 0.

So, you can fix this issue by adding a top-padding (85px+ as that is the height of the Navbar) to the class .Content Section.

See the video here:

Note: I believe the contact-us button is linked to the wrong anchor. It should point to Contact-us

​Hope this is helpful.

All the best,

1 Like

Thank you so very much!!

You are most welcome Cathy!

Good luck with your project!

All the best,

1 Like

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