z-index

2 years 6 months ago #19 by onefoot
z-index was created by onefoot
Hi there,

I have o problem with the layer positions of the modal pop up. Even when my other elements are way back z-index 1-10 the pop is not covering everything (see image in attachments). As soon as i use z-index for other elements of my site they will appear in front of the overlay.

 
#sp-header {
position: relative;
z-index: 99;
}
.md-modal {
position: fixed;
z-index: 2000;
}
.md-overlay {
position: fixed;
z-index: 1000;
}

Could you help?

Thanks a lot

 
Attachments:

Please Log in or Create an account to join the conversation.

2 years 6 months ago #22 by administrator
Replied by administrator on topic z-index
It will be easy if you can provide a live site, please? 

JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs

Please Log in or Create an account to join the conversation.

2 years 6 months ago #23 by onefoot
Replied by onefoot on topic z-index
here you are: test.promembro.ch/de/

Please Log in or Create an account to join the conversation.

2 years 6 months ago #24 by administrator
Replied by administrator on topic z-index
I think cannot use z-index in your case cause it's a child element. We will use JS to solve it, please add JS below to your template:
(function($){ $(document).ready(function(){ window.setTimeout(function(){ $('.jmp-modal').appendTo('body'); }, 500); }); })(jQuery);

I hope it works well ;).

JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs

Please Log in or Create an account to join the conversation.