Banner is covering menu on mobile version

Hello again,
as my site is under construction still, I have a created a temp customer profile so you can use it to be able to login and see the issue

https://wanderpot.com/wp-admin
support
aND5!bCmozZbEYk2E79tW4W)

Thank you

Hello again,
The banner is also covering the cart. if you could help me with that as well it would be really appreciated. Thanks

I’ll take a look this morning.

In the Custom Site CSS section put:

.has-mobile-sticky-menu .theme-header-layout {
    z-index: 100001;
}

.cart-sidebar-opened #ht-cart-sidebar {
    z-index: 100002;
}

If that doesn’t immediately work try putting !important next to those i.e. z-index: 100001 !important;

Hello,

Thank you, this has fixed the issue of the banner covering the cart, but the banner is still covering the menu. Can you check please?

Thanks

Hi @ayasamaha you may need to clear your local cache, because i’m seeing both issues fixed.

Hello,
I have purged the cache and checked in private browsing mode but the simple banner is still hiding my menu. Is there a way i can share screen:
https://paste.pics/c6a715315208ae527e15786df77814c0
https://paste.pics/eb4fcd1b86771afdff74d98f964ec202

Thank you.

Hi, this is what i see. https://paste.pics/83P6J

Hello,
Sorry I thought that was for me because i got an email notification about it.
I removed it, but still the problem is still there
https://paste.pics/fa2928f991b2ab044c6b38301237b77b

Hi @ayasamaha I’m not sure what to tell you, the issue is fixed on my side, both when i look on my computer and on my phone, meaning there is most likely some cache you haven’t cleared on your end. I would look through your other plugins, check if there is an CDN cache or something else that is caching your plugins.

Hello,
I have purged all the caches, and checked on a new phone that I haven’t used to access the website through yet and the problem is still there. I’m pretty sure it is not a cache problem.

I can see your issue now in safari. Add to the Custom Site CSS:

.has-mobile-sticky-menu #search-form-content {
    z-index: 100002;
}

Hello,
Yes the problem is only in Safari,
I added the code, with !important;, Purged all caches and cleared browsing history and used a new phone and still the same issue.

Everything seems to be working now for me on safari, are you also seeing the changes?

Not yet, the banner still covering the menu
https://paste.pics/cde6a32dc4936902e918d1c61503d8ff