Layer issue between Age Pop-Up & Mobile Menu

[Jeriss Cloud Center]

Dear,

There is an issue between the WoodMart Age Verification pop-up and the WoodMart Mobile Menu. I have both enabled on the website given in private. Check it please on mobile device.

STEPS TO REPRODUCE :
As soon as the page is enabled, open the mobile menu, then wait for the age verification pop-up to appear

ISSUE RAISED :
The user is blocked because the age verification pop-up appears BELOW the mobile menu, and it’s impossible to unlock the situation because any action on the site requires to validate the age, tough we need to close the mobile menu but that’s not possible because we need to validate the age first.

SOLUTION :
The Age Verification pop-up should appear ABOVE the mobile menu.

• This topic was modified 2 years, 6 months ago by Jeriss Cloud Center.

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.wd-promo-popup-wrapper ~ .wd-close-side,
.wd-promo-popup-wrapper ~ .wd-side-hidden {
	z-index: 900;
	pointer-events: none;
}

Kind Regards

Thanks I’ll try that. Is this gonna be fixed by default in the theme?

Hello,

I’m sorry that you’re experiencing this issue. Please know that we are actively working on a solution and will ensure that it is fixed as soon as possible. Thank you for your patience and understanding.

Thanks for your time and have a great day.

Kind Regards

Ok thanks please close this ticket

Hello,

I’m happy to answer any questions you may have about our products or services. Feel free to ask away!

Wish you all the best.

Kind Regards

[Author]

Posts