- Posts: 6
- Thank you received: 0
z-index
3 years 7 months ago #19
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.
Could you help?
Thanks a lot
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.
3 years 7 months ago #22
by administrator
JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
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.
3 years 7 months ago #24
by administrator
JoomHelper - Free Joomla Extensions and Tutorials.
- Facebook: bit.ly/3Fmq9AN
- Youtube: bit.ly/33onadN
- Donate: bit.ly/3uu8yFs
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
.
(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.
Latest articles
-
Resend Activation CodeThe utility resends the activation code so the user doesn’t have to re-register with a different email.
-
Add custom Head Tag, CSS and Javascript to Joomla articleThe Joomla plugin to add custom head tag, CSS and JavaScript to your Joomla article.
-
How to Set Up Google Analytics on Joomla websiteAdd Google Analytics to track your website.
-
Delete Joomla articles in bulkWith this plugin, you can delete posts in bulk with just one click. It saves your time.
-
Insert article attributes into another articleUse this extension to insert article attributes like title, link, image...
Plugin works like a charm in front-end, but I doesn't seem to work for administrator login as of now.
Am I doing something wrong or is the functionality site-only?