'View As' menu behind filter bar

[lukevw22]

I am also having the same issue with the View As menu behind the filter bar on mobile and desktop versions. This happens when both menus are expanded, view as falls behind the filter.

Is there a fix for this in the CSS?

• This topic was modified 10 years, 9 months ago by lukevw22.
• This topic was modified 10 years, 9 months ago by lukevw22.

[George]

Hey @lukevw22,

When you say that you “also” have the same issue with the View As menu, do you mean that you saw another recent thread here on the forums with the same issue? If so, can you share a link to that thread?

As for your site’s specific issues – this turned out to be harder to fix than I expected. I’ve been checking out your site and spent several minutes trying all the usual CSS tricks to fix something like this sort of layout issue, without luck 🙁

It’s possible that this isn’t even a CSS issue, at its core – your theme’s Markup could have inconsistencies or JavaScript conflicts, I doubt this latter thing but it is a remote possibility.

I’m curious – have you seen your site in a default theme like Twenty Twelve? If so, how did things behave? If not, any chance you could activate a theme like this on your site quickly, then check out this “View As” menu issue in that theme, and see how things look?

If we can confirm that the issue is coming from your theme, then we can at least get you to contact their support team in the meantime while we look at this too, so there’d be two sets of eyes on this trying to fix it instead of just mine 🙂

Cheers!
George

[lukevw22]

When you say that you “also” have the same issue with the View As menu, do you mean that you saw another recent thread here on the forums with the same issue? If so, can you share a link to that thread?

This is the thread I am referring to:

My navigation falls behind the events calendar "Events in" and "View As" buttons

[George]

Hey @lukevw22,

Thank you for that link! I’m curious, does anything improve for you if you try the CSS fix that was posted in that thread by the thread’s author? To try it, paste the following CSS into the bottom of your theme’s style.css file:


.tribe-bar-disabled, #tribe-events-bar {
z-index: 1 !important;
}


[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts