Streaming live at 10am (PST)

Scrolling menu - Navbar limit


#1

Hi there.

I am having troubles with my Navbar where not all menu items are accessible because there are too many navigation items to fit on the screen. I reproduced the structure from the Webflow - Demo Kit (Scrolling Navbar) successfully until to the point where I add content to the site.

Maybe someone can take a look into this and give me some advice what the problem is: https://preview.webflow.com/preview/scrolling-menu-test?preview=441a63fa2a98533235970ef46aafe09c (If you delete all sections underneath the "Nav Bar" the scrolling menu works as expected.)

Thanks - Alex


#2

Dear Webflow team.

Would it be possible for the Webflow team to briefly look into this?

Before spending more time on the scrolling Navbar than I already have, it would be very helpful for me to know if I am doing something wrong or if the scrolling Navbar - the way I have set it up - is simply not possible in Webflow.

Thank you - Alex


#3

Hi @olexale,

The first thing I would do, is to take a look at the demo kit example again, on the page scrollable mobile nav menu page. There the structure for the menu is different than in your design.

One thing to check also, is that you have a navbar nested inside another navbar. Just use one navbar .

I would maybe just suggest creating a new navbar and dragging the links wrapper to the Nav Menu in the new nav, and then style those elements the same as in the demo kit smile

​I hope this helps. If not, please let me know – I'm happy to assist further! smile

Cheers,
Dave


#4

Hi Dave,

Thank you for your feedback! Unfortunately the solutions you suggested don’t seem to work. I reproduced the scrolling menu from the demo page again with no success.

As I have mentioned in my previous forum post - my solution works as long as there is no other content on the site. As soon as I add sections and content, the scrollable menu stops working. If you delete the Section symbols on my test page you will see.

So, out of curiosity, I added placeholder content (sections, divs and paragraphs to the Webflow Demo Kit “Scrollable Mobile Menu” and interestingly the same problem occurred. The scrollable menu also on the demo site stopped working as soon as I added content to the page.

Any ideas?

Best.
Alex

PS:
Regarding nested Navs. On the demo site a Div is tagged with “Nav” but in the Navigator there is still a Div icon (rectangle). Not always but most of the time, when adding a Div > give it a class and label it as a “Nav” it becomes an “official” Nav….


#5

Hi @olexalex, thanks for the update smile I am taking a look into to this, and will get back to you smile Cheers,
Dave


#6

Hi Dave,

I was wondering if someone already had a chance to look into the Navbar limit and not scrolling issue?

Best.
Alex


#7

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