Mobile menu not working on iPhone

Hello, when viewing the website on an iPhone the mobile menu is sliding down behind page content and can nit be accessed. The website is http://cablebeachps.wa.edu.au

Regards Jen

Hi Jen,

Thank you for contacting us. I am happy to help out any of your issue with Sydney Pro theme.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1024px) {
      .sydney-hero-area .header-image {
        z-index: -1;
      }
    }

Regards,
Kharis
aThemes Support

Hi Kharis, I’ve added in the CSS and it is an improvement but parts of the mobile menu is still behind the home page image and seems to be showing behind content. Any further suggestions would be appreciated. Jen

Hi Kharis, I removed this CSS and it is now working okay.

    #masthead.site-header {
       opacity: 0.8;
    }

How can I add back the opacity?

Jen

Hi Jen,

Did you remove that code from main theme’s style.css file? Please confim.

Have you tried adding the same code to Additional CSS under Appearance menu > Customize?

Regards,
Kharis
aThemes Support