Streaming live at 10am (PST)

When I have a fixed header, the nav won't scroll


#1

Here is my mark-up:

<header>
    <div class="w-nav">
        <div>Other header stuff</div>
        <div class="w-nav-overlay></div>
    </div>
</header>

Header is position: fixed, so when the mobile menu (w-nav-overlay) is open and the viewport is short, I can't scroll down through the nav.

I've tried adding overflow-x: scroll, but no luck.
I've also tested that when I un-fix the header, the nav scrolls right.

Any ideas?


I'm not at liberty to share the site I'm working on, so I hope you all might just have an idea I can try... ha sorry


#2

What positioning mode are you using for nav-overlay?


#3

w-nav-overlay is a webflow element not available in the designer. I can manipulate it with the custom code, but the default is absolute. I had no luck when trying static or relative.


#4

Have you tried adding your overflow indicator to both the header and nav-overlay elements? Are you using !important designators?


#5

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