Tagged: close menu modal
September 19, 2019 at 1:28 am #69268
Hi, I have put a button in the ‘Additional Content’ field in the mobile menu. Basically a link with a class applied from the theme.
It triggers a modal popup window.
Looks something like this:
Everything works except that the menu stays open and covers the modal window.
I probably can change the z-index to get the modal on top, but it would be much nicer if the menu can just close, just as when you would click any normal menu item.
Is there a class that I can add to the link? Or another trick?
Attachments:You must be logged in to view attached files.September 19, 2019 at 4:58 am #69276
Hope you are having a nice day!
Can you please share the link of the website so that I can see what can be done to fix this issue.
The ‘Appointment’ link in the message is not working.
Kriti SharmaSeptember 19, 2019 at 6:09 am #69277This reply has been marked as private.September 19, 2019 at 6:11 am #69278This reply has been marked as private.September 19, 2019 at 8:10 am #69279
Responsive Menu is working well on your website. When you click the “Appointment” Button, Responsive Menu is showing on top of the Pop up Window i.e. because of the z-index of responsive menu is set to a very high number.
The user can close the responsive menu whenever he wants to see the information of the pop up window or you can set the z-index of pop up window higher than responsive menu.
One thing I noticed that whenever the pop window opens, ‘close’ buttons of menu button and pop window are overlapping. The best possible solution is to set the pop up window a little lower so that both ‘close’ buttons don’t overlap
You can use below-mentioned CSS to solve this issue:
@media screen and (max-width: 768px)
Hope this resolves the issue.
Kriti SharmaSeptember 20, 2019 at 2:59 am #69284
Have changed the z-index. That’s acceptable. Still rather would see the menu closing when the modal opens but guess that’s not straight forward.
Thanks for your help.September 20, 2019 at 5:22 am #69285
For such kind of functionality, custom code needs to be written.
Thanks for reaching out to Responsive Menu Support.
The topic ‘close mobile menu’ is closed to new replies.