Problems with mobile menu hamburger click position

Question

Hello Team Canvas

I am having an issue with the mobile menu on your one-pager in mobile view.

This is the project I am working on: https://www.aftershock.co.za/approvals/fatfinger/

For some reason, on iPad view, you have to click 'off' of the hamburger menu icon for it to work. See screenshot attached where I marked approx in a pink circle where you should click to expand the menu. I don't understand how the icon is not the actual link.
I managed to get it to work on mobile views for iPhone, but I would like to move the icon slightly right, and if I change the position of the icon, then I have the same problem as per above.

Please assist at your soonest possibility?
Thank you
Ros

SemiColonWeb · Accepted Answer

Hello,

Thanks for your Patience!

We have checked out your Website and the issue appears to be as a result of your Customizations to the #logo CSS Block in the style.css File. It appears that you have added the z-index: 1000; CSS Property to the #logo CSS Block which makes the Logo stack above the Hamburger Menu Icon causing this issue. You will either need to delete the z-index on the #logo Element or add a higher z-index to the #primary-menu-trigger Element.

This will automatically fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.