Menu showing up when scrolling up

Store Design
, ,
1

Every time I scroll up, the menu bar shows up behind the content. This also happens in mobile. How do I fix it?

Here is the website: https://bagsinthecitymanila.com/

2

Hi @tinee

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize
Step 2: From the left menu > Theme settings > Open Custom CSS
Step 3: Copy thebelow code and paste it there

.header__submenu {
z-index: 99!important;
}

1 Like
3

Hi @tinee

Edit your theme,

change ‘Sticky header’ to ‘Always’

Kyle_liu_0-1737623997388.png
Kyle_liu_0-1737623997388.png2538×627 127 KB

1 Like
4

Hello @tinee ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
ul#HeaderMenu-MenuList-2 {
    z-index: 111 !important;
}

ZestardTech_0-1737624250254.png
ZestardTech_0-1737624250254.png1386×559 505 KB

Let me know if you need further assistance!

1 Like