What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: dropdown menu getting hide behind other section

Solved

dropdown menu getting hide behind other section

hem0903
Excursionist
50 0 9

Hi Everyone,

My dropdown menu getting hide behind other section.

 

 

hem0903_0-1718040260596.png

store link - https://www.urbanwyrm.co.uk/

Accepted Solution (1)
Huptech-Web
Shopify Partner
1011 204 217

This is an accepted solution.

Add this code to the custom.css file 

 

 

body .header-section--wrapper {
    z-index: 9999;
    position: relative;
}

 

 

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 6 (6)

Huptech-Web
Shopify Partner
1011 204 217

Hello! @hem0903 Please follow these steps to add this CSS code:

1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

body .site-nav__dropdown {
    z-index: 999 !important;
}

 If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
hem0903
Excursionist
50 0 9

Hi can't locate base. css, i am using flow theme, and i am putting this code in that particular section nothing happens, it shows "body.site-nav__dropdown" did not used in this section.

 

Huptech-Web
Shopify Partner
1011 204 217

This is an accepted solution.

Add this code to the custom.css file 

 

 

body .header-section--wrapper {
    z-index: 9999;
    position: relative;
}

 

 

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
Derrick1
Visitor
3 0 0

Hi, I'm using the "Origin" theme and have tried all your code recommendations. I'm placing them in base.css at the bottom but nothing is working. My drop down navigation menu is going behind an image banner. Can you help?

Huptech-Web
Shopify Partner
1011 204 217

Here is the output.

Rishihuptech_0-1718089674874.png

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
hem0903
Excursionist
50 0 9

Yes it is woking, thankyou so much