Solved

dropdown menu getting hide behind other section

hem0903
Excursionist
14 0 2

Hi Everyone,

My dropdown menu getting hide behind other section.

 

 

hem0903_0-1718040260596.png

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

Accepted Solution (1)
Rishihuptech
Shopify Partner
601 108 121

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 5 (5)

Rishihuptech
Shopify Partner
601 108 121

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
14 0 2

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.

 

Rishihuptech
Shopify Partner
601 108 121

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
Rishihuptech
Shopify Partner
601 108 121

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
14 0 2

Yes it is woking, thankyou so much