Header Dropdown No Longer Working

[alisonmasniuk]

Hi there, I had resolved an issue on my staging site that involved the container on the primary menu which had be conflicting with buttons being clickable by enabling Content Scrolling inside the XTheme Pro Header Builder.

But after wards, the dropdowns that I had created no longer work when hovering over a main navigation link.

Looking for suggestions to resolve the issue…

[lely]

Hi There,

It might be an issue with BAR z-index value. We need to check your site to confirm the root cause of the issue. Please share your site URL so we can double check.

[alisonmasniuk]

Hi there,

The URL is new.urban-realty.ca/

[paul.r]

Hi,

To fix it, you can add this in Header > CSS

.ps-container {   
    overflow: visible !important;
}

Hope that helps.

[alisonmasniuk]

@paul.r

.ps-container {
overflow: visible !important;
}

Thank you! Now my footer dropdowns are all out of wack

NEW: It is always now conflicting with the buttons along the sections below…

[rad]

Hi there,

You can’t display dropdown while having content scrolling on. Making the overflow visible kills the main purpose of the scrollable content. And the only way to display the overflow (dropdowns are overflowing elements) is to turn off content scrolling.

But please try this one,

.ps-container { 
overflow-y: visible !important;
}

Thanks!