- Posts: 6
- Thank you received: 0
z-index
2 years 11 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.
2 years 11 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.
2 years 11 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
-
Countdown Module for JoomlaWith robust features and full Joomla compatibility, it’s designed to make managing and displaying countdowns simple yet effective.
-
WordPress Alternatives in 2024: Exploring the Best CMS OptionsThese platforms include Joomla, Drupal, ClassicPress, and JavaScript-based CMS options like Ghost and Strapi.
-
Country Blocker Tool for JoomlaJoomla plugin to block traffic from unwanted countries.
-
Joomla Admin Menu RenameRename extensions on Joomla
-
Joomla Tiktok Embed pluginExplore TikTok on your website.
Any suggestion ?
Here is the working page on the test site:
https://testsite.formalms.org/forma-plugins/375-2factor-authentication-plugin.html
Here the production site:
https://formalms.org/forma-plugins/375-2factor-authentication-plugin.html