Menu over pop-up
Helloes,
I am thinking of using typeform in near future and am testing it here: https://www.elimaginario.es/prueba
On the computer everything is ok but on mobile, it becomes a popup. The problem is that main menu is over that popup and, for example, it disables the option to close that popup. I have talked to Typeform people and they say that the only way would be changing the z-index of the main menu so that it gets under the popup instead of on top of everything.
I still have not tried but I am going to use more types of popups soon, so maybe I will have the same problem with them.
Is it possible to make menu go under popups?
Best regards.
I am thinking of using typeform in near future and am testing it here: https://www.elimaginario.es/prueba
On the computer everything is ok but on mobile, it becomes a popup. The problem is that main menu is over that popup and, for example, it disables the option to close that popup. I have talked to Typeform people and they say that the only way would be changing the z-index of the main menu so that it gets under the popup instead of on top of everything.
I still have not tried but I am going to use more types of popups soon, so maybe I will have the same problem with them.
Is it possible to make menu go under popups?
Best regards.
Post edited by Lalouetto on
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
I don't see popup, or I don't understand what you mean by popup. Anyway why would you want to have menu under it? Menu is opened only for few seconds and with intention to change page, so there is usability reason that user have menu fully accessible when he opened it. If someone plays with menu then this is not real use case:-)
Do you agree with me?
With kind regards.
Sorry, my mistake: it is not main menu what interferes, but full screen icon.
On mobile, when you click on that button, a popup opens (that is what Typeform people call it and, well, it pops and is up on everything (should), so I guess it is a popup).
The problem is that full screen icon is over the closing "X" of the popup (see red circle), so you cannot close it and stay on that page. That is something I would like. You cannot close the popup if you want to leave in the middle, you cannot close it when you have sent all messages....
I asked them how I could make their popup stay on top of everything and they answered that it is not possible because that icon (and well, menus, logo, etc) on the theme is on top of everything and I would have to lower its z-index.
So my question is how I can make that popup stay at least on top of full screen icon (that sumome arrow on lower side also interferes but at least I am interested on being able to close the popup)
Regards.
OK, I was able to recreate it on Chrome.
Try adding such custom CSS:
.typeform-opened #mid{With kind regards.z-index: 20;
}
Nope, nothing changed.
It works. I think it does not work completely well but I am testing conflicts with other plugins.
Thank you very much.
Regards
bodyon mobile, so it should work, when this plugin work(when it detects mobile proper).With kind regards.