I need some help - Overlapping menu

Solved

I need some help - Overlapping menu

BTA
Tourist
5 0 5

I use the Dawn theme and when I click on my main menu its hidden by the app Vfitz search bar. So Vfitz search bar is on top my main menu dropdown.

How can I fix that?

 

Shop: btatowbars.com

 

Thank you!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10939 2148 2286

This is an accepted solution.

There is too much code in Custom CSS, so it does not allow saving. Please open base.css file, find this code 

#shopify-section-header {
  z-index: 3;
}

Change to this 

#shopify-section-header {
  z-index: 10;
}

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

Please add this code to Custom CSS in Sales Channels > Online Store > Themes > Customize > Theme settings 

#shopify-section-header { z-index: 10; }

Screenshot 2025-01-15 at 09.37.44.png

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BTA
Tourist
5 0 5

Thank you!

 

The code is working but its not let me save. 

 

Error: theme error.jpg(Online Store editor session can't be published)

 

 

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

This is an accepted solution.

There is too much code in Custom CSS, so it does not allow saving. Please open base.css file, find this code 

#shopify-section-header {
  z-index: 3;
}

Change to this 

#shopify-section-header {
  z-index: 10;
}

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

BTA
Tourist
5 0 5

@Dan-From-Ryviu  Thank you so much buddy!

 

Everything now is working perfect. Legend!

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

You are very welcome! 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.