Calendar menu appears above the site menu when scrolling

  • Resolved prova_toets

    (@prova_toets)


    6 years, 4 months ago

    I believe I’m using the latest versions of The Events Calendar (4.6.20.1) and WordPress (4.9.7). I’m also viewing this on latest versions of Safari (11.1.2) and Chrome (68.0.3440.75).

    The date picker and view type menus at the top of The Events Calendar are displaying above the static site menu when I scroll the calendar view page. When I checked this on both the Safari and Chrome inspectors, I found that adding style="z-index:102;" to <div class="navigation-top site-navigation-fixed"> would force the site menu to overtake the calendar menus.

    I tried going to Appearance > Edit CSS in WordPress and manually added .navigation-top .site-navigation-fixed {z-index:102;} as custom CSS, but it didn’t seem to work out.

    Would someone share how to fix this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey there @prova_toets!

    Thanks for reaching out.

    You’re on the right track here. Sometimes you need to override the tribe css stylesheet. Our Themer’s Guide talks about how to do this.

    Hope that helps!

    Hey there,

    Since this thread has been inactive for a while, I’m going to go ahead and mark it as resolved. Don’t hesitate to create a new thread any time you help again!

    Ed ??

    Thread Starter prova_toets

    (@prova_toets)

    Hey Ed, I actually just figured out the solution this morning. For future posterity, here’s the CSS I added:

    .site-navigation-fixed.navigation-top {z-index:102;}

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Calendar menu appears above the site menu when scrolling’ is closed to new replies.