Topic-icon Pop up modal hidden

Active Subscriptions:

None
1 year 6 months ago - 1 year 6 months ago #69119 by LGASM
Pop up modal hidden was created by LGASM
Hi!
I don't know why but the fact is that popup modal to login is always show "behind" the offcanvas mobile menu, regardless of the device's screen size.
Please check this at acianf.com.br  from any mobile device.
When you click on the green SCLogin button labeled "Entrar", the popup appears but not on top of the offcanvas mobile menu, and it's not active even with the setting "Automatic username focus" set to on.
I appreciate any tips and hints on how to fix this.
I apologize in advance if I made something silly.
Best regards!
Luiz
Attachments:
Last edit: 1 year 6 months ago by LGASM.
The topic has been locked.
Support Specialist
1 year 6 months ago #69120 by mel
Replied by mel on topic Pop up modal hidden
That's because the z-index on the menu (element .offcanvas-menu) is set to 10000. If you want the modal to pop up in front of, you'd need to add a higher index for our modal in the css like the following:
div.sclogin-modal.sourcecoast.modal {
z-index: 10001; 
}

-Melissa
The topic has been locked.
Active Subscriptions:

None
1 year 6 months ago - 1 year 6 months ago #69121 by LGASM
Replied by LGASM on topic Pop up modal hidden
Tks a lot Mel!
But I don't know in which file I should edit that.
I found only one entry for z-index, set at a value of 1007, at 2 files: default.css and sourcecoast.css.
I changed it to 10001 but that did not work.
Hope I haven't changed something critical...
Should I change it back?
Best regards!
Luiz
Last edit: 1 year 6 months ago by LGASM.
The topic has been locked.
Support Specialist
1 year 6 months ago #69122 by mel
Replied by mel on topic Pop up modal hidden
A bigger number is fine. The higher the number just means it comes over the top of more elements. Are you still having the problem? Try forcing a page refresh. I loaded your page and the modal appeared over the side menu for me (see screenshot)

 
Attachments:
The topic has been locked.
Active Subscriptions:

None
1 year 6 months ago - 1 year 6 months ago #69123 by LGASM
Replied by LGASM on topic Pop up modal hidden
Tks Mel!
Have you tried on a mobile device?
The reported issue only occurs on mobile devices, desktop works fine.
Best regards!
Luiz
Last edit: 1 year 6 months ago by LGASM.
The topic has been locked.
Support Specialist
1 year 6 months ago #69124 by mel
Replied by mel on topic Pop up modal hidden
I have to use the developer tools and simulate mobile in order to look at the styles. I realize I probably had the simulator on responsive view or I had put the style in myself and didn't refresh again, so I chose a different device to simulate and I see the problem again. However, using the dev tools and looking at your css files, I don't see the z-index for the modal element I provided. Where did you put the style?

Looking at your sourcecoast.css and default.css file, I only see a z-index on the element "div.sclogin-modal.modal.in". Please also add the style I provided in the theme file for the "div.sclogin-modal.sourcecoast.modal" element.
The topic has been locked.
Active Subscriptions:

None
1 year 6 months ago #69125 by LGASM
Replied by LGASM on topic Pop up modal hidden
Hi Mel!

I did that, but to no avail I guess.
Please check what I did on both default and sourcecoast themes, even though on mobiles only the default theme is used, on the attached screenshot.
And forgive me if I did something silly.
Best regards!
Luiz 
Attachments:
The topic has been locked.
Support Specialist
1 year 6 months ago - 1 year 6 months ago #69126 by mel
Replied by mel on topic Pop up modal hidden
You forgot to close the comment right above the style.
Last edit: 1 year 6 months ago by mel.
The topic has been locked.
Active Subscriptions:

None
1 year 6 months ago #69127 by LGASM
Replied by LGASM on topic Pop up modal hidden
Oh God!
I'm sorry for that.
Tks a lot Mel!
Best regards!
Luiz
The topic has been locked.
Support Specialist
1 year 6 months ago #69128 by mel
Replied by mel on topic Pop up modal hidden
No problem :)
The topic has been locked.