Header Menu not working / Problem with Image Banner

Store Design
1

Hi guys,

i have a problem in my Shopify shop.

I have an Image Banner with an image that is linked to a product.

So now when i open the Main Menu on the top of my shop to check different collections i always end up clicking the Image Banner behind and get to the product i linked.

Is there a way to overlap the menu or something ?

Unbenannt.PNG
Unbenannt.PNG382×249 117 KB

2

Hi @joal_whiterider , can you share your store url?

3

Hi @joal_whiterider

Can you share your store URL?

if its password protected then share password also.

4

https://fly-buy.org/

5

@joal_whiterider , go to base.css and add the following code :

.image-banner-section a.custom-link {
   
    z-index: 0 !important;
}
6

when i add the code then i can not click the image banner anymore..

7 
@media screen and (min-width: 990px){
.header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    z-index: 999;
}
}

Hope this will work.

Best Regards

Team_OSC

8

this did also not work sadly

9

@joal_whiterider , Delete the previous code and add this :

.image-banner-section {
    position: relative;
    z-index: 2 !important;
}
10

@Abdosamer that one worked.
thank you have a good day

11

Hi, @joal_whiterider .

Go to Online Store
2) Edit Code
3) Find theme.liquid file

  1. Add the following code in the bottom of the file above tag.
.header:not(.header--middle-left, .header--middle-center) .header__inline-menu {
    z-index: 999 !important;
}