Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #42546
    Charles Mitchell

    I’m creating a website in WordPress for our church and using the CRIO theme. When I hover over the Sermons dropdown menu, which has 9 submenu items, and I’m currently viewing a webpage that contains embedded audio players, the last entry in the Sermons dropdown menu is hidden behind the topmost audio player on the page.

    Is there a parameter or something I can add to the code to force dropdown menu items to always appear in front of any content on webpages?

    I doubt if you could see the issue on my site since it’s still under development and not public yet, but you could try this staging link [link moved to private field]. (The hosting provider is Dreamhost.) If you can access this page, hover over Sermons at the top, and you’ll probably notice the last entry of the menu, Sermons 2020, is not visible, but is hidden behind the audio player for Victory in Jesus. However, if you go to the Home page, which has no audio players, then Sermon 2020 is visible in the dropdown.

    (DO NOT TRY TO SEE THE PROBLEM AT THE LIVE WEBSITE, I’m building the new one to replace that live one, which doesn’t have this issue.)

    Thank you!

    Jesse Owens

    Hi Charles-

    Thanks for reaching out, sorry about the frustration on those drop-down menus. I was able to check out your staging site and see the problem.

    There’s an update coming out for the Crio Theme in the next couple weeks that will have a fix for this problem without using any code, but you can fix it right now with these instructions.

    Navigate to Customize > CSS / JS Editor and paste this line into your CSS Code:

    .site-header { z-index: 4 !important; }
    Charles Mitchell

    That certainly fixed it! Thank you so much for the info and for the quick reply. I appreciate it.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Element on webpage hides item in dropdown menu’ is closed to new replies.