Navigation menu drops down behind Hero section in mobile

[AMWArmament]

This is about to drive me insane! I’m using the Dawn theme and everything works fine on the desktop but on a mobile the navigation dropdown is obscured by the description of the Hero Section. Can anyone help me iron this out?

[tim_tairli]

For this you need to share a link to your store (and a preview password if one is set).
Say, my fresh Dawn copy does not do it, so it must be something specific to your setup.

[AMWArmament]

Take a look and see what it does for you. https://www.amwarmament.com/

AcesMachine is the password

[tim_tairli]

Aha, that’s because it is an AI-generated section!

Go to this section in “Edit theme” and paste this into “Custom CSS”

[class*="ai-hero-content"] {
  z-index: 1; /* initially 3 */
}

[AMWArmament]

@tim_tairli

[class*="ai-hero-content"] {
  z-index: 1; /* initially 3 */
}

I tried it, still doing it.

[tim_tairli]

Not seeing the code at your store.
This is how it works for me – before/after:

→

[AMWArmament]

maybe i entered it wrong? im new to all this.

[Moeed]

Hey @AMWArmament

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.ai-hero-content-arffteu00z3fnrzjmaaigenblock6b5b957pk6pmm {
    z-index: 1 !important;
}
</style>

RESULT:

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed