Navigation Menu Issue

Home › Forums › Technical Theme Support › STAX Theme › Navigation Menu Issue

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 9, 2024 at 10:37 am #466494
    Lindsey Roe
    Participant

    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

    September 12, 2024 at 10:54 am #466550
    David Morgan
    Keymaster

    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.
    September 13, 2024 at 8:43 am #466580
    Lindsey Roe
    Participant

    Amazing! Thank you! That did the trick!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.