Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

close mobile menu

Home › Forums › Pro Support › close mobile menu

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 19, 2019 at 1:28 am #69268
    Mikis van GeffenMikis 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.
    September 19, 2019 at 4:58 am #69276
    Kriti SharmaKriti 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

    September 19, 2019 at 6:09 am #69277
    Mikis van GeffenMikis van Geffen
    Participant
    This reply has been marked as private.
    September 19, 2019 at 6:11 am #69278
    Mikis van GeffenMikis van Geffen
    Participant
    This reply has been marked as private.
    September 19, 2019 at 8:10 am #69279
    Kriti SharmaKriti 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

    September 20, 2019 at 2:59 am #69284
    Mikis van GeffenMikis 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.

    September 20, 2019 at 5:22 am #69285
    Kriti SharmaKriti 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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘close mobile menu’ is closed to new replies.