Menu not displaying properly in mobile version

Hi,
I have installed Sydney theme. In mobile version it seems that the image slider is showing up ON TOP of the menu! The images cover the menu, so the user cannot press/view the menu links.

(I tried using z-index:1 on but it doesn’t work. Also, I am not trying to customise the menu at all, it should work as-is, I should not have to tinker with the CSS.)

The only CSS customisation I have made is to make the site-logo bigger and the background colour of the header-wrap to be 70% opacity.

I wonder if this is a bug? The url is this: http://archivafn.com

Thank you for your help.
Nhazean

Dear Nhazean,

I would like to apologize in advance for the inconvenience. That issue doesn’t seem to happen on my test site though. To fix it, try adding the below custom CSS code into Appearance > Customize > Additional CSS.


#slideshow{
  z-index: -1;
}

Let me know how it goes.

Regards,
Kharis

Hey Kharis

Thanks much for that fast response! The CSS helped. Also had to use it for the subpages.

#slideshow, .header-image{
z-index: -1;
}

Cheers!
Nhazean

You’re welcome. :slight_smile:

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis