Menu on mobile behind slider images

Just wanted to add I downloaded your Child theme and using that.
If I enable main theme it looks ok.

Thanks.

This is what is going on.

If I add these css styles it behaves that way:

.site-header {
background-color: #000000;
opacity:0.8;
}

It is opacity, if I set opacity to .site-header it falls behind slider.

Is there a work around for this?

Thanks.

Hello there,

Try adding the following CSS code into Appearance > Customize > Additional CSS:

#mainnav-mobi {
  z-index: 9999;
}

If it doesn’t change anything, please share your site URL here, so I can have a direct look.

Regards,
Kharis

Hi Kharis,

Thank you for the reply.

This is on my local Xampp install.

That did not help.

I wonder if setting opacity to 1 on mobile view would help?

Got it fixed in case someone needs this.

there was no need to use opacity like that, instead using background-color: rgba(0,0,0,0.8); as is used in .float-header

Thanks.