Hi,
I’m a fresh Cwicly user. After a few days I’m starting to get the hang of it.
I’m trying to display a modal to display a navigation menu. I want it to open on load for desktop and tablet browsers, but not on a phone . Maybe someone has done this before, and if so, can please share her/his knowledge on this…?
I’d like the modal box to close when the corresponding icon is clicked , and display/introduce an icon to open it again. So it should trigger 2 actions. Is there an easy way to do this?
Yes, I know the settings, but it’s not a one-button setup. In the current state, one has to be for opening, the other for closing with the visible/invisible setting.
Here is a screen shot of my current setup. I would be very glad if you could advise me how to modify it so that the button works to open and close the pop-up window.
@Marius@Louis Thank you for your time and effort. It worked and the menu works the way I needed it to. It’s amazing how Cwicly as a tool can handle so many great ideas like the mega menu without installing external plugins.
I want to close the modal box with the ← icon and then have the → icon appear , which is used for opening the modal box. Here’s a screenshot in which you see the 2 icons overlapping. It would be great to have the → icon fade in after the modal box closes, and fade out before the modal box opens.
Hi,
That you very much!! I really really really appreciate your efforts.
And… It’s works like a charm … almost.
Should I just add z-index 9999 to the modal trigger icon? And a lower value to the modal box? It might be the same problem as MiroslavBartik had. Since I also can’t place the trigger icon in front. Sorry if this is basic knowledge that I’m perhaps am missing.
Glad I could help you out a bit.
Regarding your issue, it should be sufficient to add a z-index of 1002 or higher to the Modal Trigger block, so your z-index of 9999 should actually work.
Unfortunately, here the case as well. Not sure how your other elements are set up and if you made changes to the modal trigger block.
So, I can’t be sure why it’s not working. Do you have a live site?
Edit: Just recognized the URL in the screenshot.
So it seems there is some general unusual setup, which causes the issues. A quick fix would be to move the block outside of the header block, which would be totally fine, since you set a position of fixed anyway.