z-index

onefoot
Topic Author
Offline
New Member

2 years 10 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

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

administrator
Offline
Administrator

2 years 10 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.

onefoot
Topic Author
Offline
New Member

2 years 10 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.

administrator
Offline
Administrator

2 years 10 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.

z-index

Attachments:

Buy me a Coffee

Latest articles

Latest Comments