Menu on mobile behind slider images

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter imcobarn

    (@imcobarn)

    7 years ago

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

    Thanks.

    Thread Starter imcobarn

    (@imcobarn)

    7 years ago

    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.

    Kharis Sulistiyono

    (@kharisblank)

    7 years ago

    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

    Thread Starter imcobarn

    (@imcobarn)

    7 years ago

    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?

    Thread Starter imcobarn

    (@imcobarn)

    7 years ago

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu on mobile behind slider images’ is closed to new replies.