View switch toggle does not properly scroll

[Jacob]

Hello,

On the events list page the ‘view switch toggle’ does not properly behave when i scroll the page down. It starts to fly over the main navigation in the page header, whereas all other parts of the events list page properly disappear behind the page header. Please check my site for better understanding and scroll down a bit:
http://spiritberlin.org/events/?tribe_venues=388

How to resolve this?

[Cliff]

Hi Jacob. I see what you mean.

There’s a z-index issue/conflict with the Events Calendar’s styling and your theme’s navigation.

No worries. I tested and as long as we override the View As picker’s z-index to be 29 or less, it’ll hide behind your top navigation (on desktop; I didn’t test mobile).

Here’s the CSS that may help:

#tribe-bar-views .tribe-bar-views-list { z-index: 25; }

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

I hope this helps.

[Jacob]

Thanks a lot!! It perfectly works 🙂

All the best,
Jacob

[Cliff]

Excellent. Glad to help!

[Author]

Posts