-
Posts
-
Hi,
It seems impossible to show the hamburger menu on mobile.
Tried almost all relevant ID’s en classes with z-index: 9999;
As the menu is shown and clickable on desktop for mobile width I do not understand it.
Can somebody help me and put me on the right path?Thanks in advance!
MarjoHey idijomar,
Could you post a link to where we can see the problem that you are having please?
Best regards,
RikardHi Rikard,
thanks for reply.Here it is:
On desktop (mobile size) the menu is showing.
On mobile it is hidden behind all other content.
Despite I tried to apply z-index: 9999; to all possible classes and ID’s.Desperately need help :-)
Thanks in advance
Hi,
Thanks for that, but the mobile menu is displaying fine on my end. How can we reproduce the results that you are seeing on your end?
Best regards,
RikardHi Rikard,
Thanks for your reply!
Interesting.. on my side, things are not working well.
Enclosed you’ll find 2 images.
Image 1: how it looks on mobile, I clicked the burger and that goes fine.
However the menu is hidden behind other content.
Image 2: how it looks on desktop (mobile size), I clicked the burger.
Hence it shows the av-burger-overlag-bg and the menu-text is hidden.Thanks again :-)
Hi!
Well pictures showing that on my iPhone 14 plus I can’t see the hamburger menu when I have clicked the hamburger-icon. And on desktop the av-burger-menu-overlay-bg is preventing the menu to be shown and being clickable?
Good news though, that it seems fine on your end. Only wish I had the same experience ;-(
I’ve emptied caches, download chrome browser on my phone to see there’s a difference.
On my end… no changes.
What could it be?
Thanks so far!
MarjoHi,
Thanks for the update. So is this problem exclusive to the iphone model that you are using, or are you seeing the same results on other devices as well? If you could upload the screenshots to a service like Imgur or Snipboard and share them with us here, then that could be useful for us.
Best regards,
RikardHi Rikard,
I found this on layout.css:
Layout.css
#header{
position: relative;
z-index: 501; /*(issues/769)*/
width:100%;
background: transparent;
}issues/769 -> does this bring us any further?
can you relate to this?best,
MarjoHi,
I checked with Safari in Responsive Design Mode to emulate a iPhone and with Android, and in Chrome Dev mode for mobile and see this:
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
The css above is correct.Best regards,
Mike
- You must be logged in to reply to this topic.