Navigation Menu Issue

[Lindsey Roe]

Hello! I use the STAX theme and I’m having issues with my navigation menu at the top of my site “hiding” behind the first block at the top of my homepage. The issue this causes, is that the links in the menus that drop down when you hover over the menu item is they are “un-clickable” because they disappear when you bring your mouse down to hover over them. You can see that they hide behind that main top block on my homepage. You can use the “Resources” menu item as an example when you visit my site to see the issue. Can you help me find the solution to this?

My website homepage is: https://offthebeatenhook.com

Thanks for your help!
Lindsey

[David Morgan]

Hi Lindsey,

No problem. Try adding the following CSS to resolve this issue:

.site-header {
    z-index: 99;
}

The CSS can be added under Appearance > Editor > Styles > Edit Styles, then click the 3 vertical dots icon to reveal the “Additional CSS” option. You can view the screenshot for reference.

I hope this helps.

Thanks!

Attachments:

You must be logged in to view attached files.

[Lindsey Roe]

Amazing! Thank you! That did the trick!

[Author]

Posts