Streaming live at 10am (PST)

Dropdown issues on side nav bar


#1

Hey! I have a side nav bar with some dropdowns for more links, but the dropdowns appear to overlap each other when they are open... see the screenshots:

Could someone tell me what settings I have wrong? I'm sure it's something relatively simple to change...

I would simply like them to push the links below them out of the way or even hide them completely...

Thanks!

-Wilson


Here is my public share link: https://preview.webflow.com/preview/magnolia-edc-landing-page?preview=d5193a99b677770999aba9a4af91b63a
(how to access public share link)


#2

Hello, @wilsonwebguy

You will need to make dropdown list position: relative, instead of absolute.


#3

@sabanna, that worked perfectly! Your instructions are always clear and effective. :grin:

Now, I have the case of the dissapearing mobile nav! On Tablet and below, I cannot seem to find the dropdown menu...

It may be due to having the whole page layout powered by Flex, but do you see what the issue is? I'm stuck.

Thanks!

https://preview.webflow.com/preview/magnolia-edc-landing-page?preview=d5193a99b677770999aba9a4af91b63a


#4

The "Main nav" element has overflow: hidden setting, change it to overflow: visible and you will see all your links appear :slight_smile:


#5

That was it @sabanna! Eventually, I'll be as good as you at spotting these issues... eventually. :joy:

I really appreciate the help!

-Wilson


#6

Always welcome :slight_smile: And thanks for kind words.


#7

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