close mobile menu

Home Forums Pro Support close mobile menu

This topic contains 6 replies, has 2 voices, and was last updated by Kriti Sharma Kriti Sharma 1 month, 3 weeks ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #69268
    Mikis van Geffen
    Mikis van Geffen
    Participant

    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:
    Appointment

    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.
    #69276
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hello Mikis,

    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.

    Kind Regards,
    Kriti Sharma

    #69277
    Mikis van Geffen
    Mikis van Geffen
    Participant
    This reply has been marked as private.
    #69278
    Mikis van Geffen
    Mikis van Geffen
    Participant
    This reply has been marked as private.
    #69279
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Mikis,

    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)
    {
    .modal-content{
    position: relative;
    top: 100px;
    }
    }

    Hope this resolves the issue.

    Kind Regards,
    Kriti Sharma

    #69284
    Mikis van Geffen
    Mikis van Geffen
    Participant

    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.

    #69285
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Mikis,

    For such kind of functionality, custom code needs to be written.

    Thanks for reaching out to Responsive Menu Support.

    Regards,
    Kriti Sharma

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘close mobile menu’ is closed to new replies.