z-index navigation menu -> slider title not working

Solved
Highlighted
Explorer
78 7 12

I'm optimizing my design for small screens. 

After some changes with the slideshow title, after opening the burger nav menu, the title is above the menu. I implemented z-index, I don't know why it's not working.

.mobile-nav {
    z-index: 1000; 
    font-family: Monserrat;
    font-size: 20px;
      border-bottom: 1px solid #cbcaca;
    //text-transform: lowercase; 
}
  
    //Slideshow
   .flexslider {
     z-index: 0; 
     width: 100%; 
     margin-top: 0; 
     margin-bottom: 0; 
     padding: 0;
   }
  
  .slides__text-content--mobile {
    position: absolute;
    left: 35px;
    top: 140px;
    z-index: 1; 
    text-align: center;
    vertical-align: center;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.3)}

It looks like this:

z-index.png

Any ideas what I'm doing wrong here?

my shop: menschenskinder-shop.de

password vuffey

0 Likes
Highlighted
Excursionist
176 44 52

This is an accepted solution.

Hi, @simonski 

Thanks for the post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.header-bar {
    position: relative;
    z-index: 9;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Explorer
78 7 12

@Vikas_Chovatiya 

Thanks for your help bro!!!

I was searching a while and didn't find a solution!!!

1 Like
Highlighted
Excursionist
176 44 52

@simonski 

Thanks for the update :)

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes