Hello.
You can create two modal windows: for desktop and for mobile.
For desktop: choose the option “Don’t show on screens less” -> 480
For mobile: choose the option “Don’t show on screens more” -> 480
For mobile: choose the option ‘Position’->’Absolute’
Hi, thank you for your response. It is not working :(. Can i put the link here?
I saw that if i remove this code from style.min.css everything is ok:
@media only screen and (max-width:780px){
html.no-scroll,body.no-scroll{
/*width:100%;height:100%;position:absolute*/
}
}
I don’t know if it is ok, but for the moment for me is perfect.
OK.
It’s normal.
We will test the plugin
Plugin is changing the overflow behavior, if you want stop it from going to top of the site just add this in your custom css:
html.no-scroll, body.no-scroll {
overflow: visible !important;
}
Have a nice day B)
Hi,
I’m experiencing the same issue. I have 3 buttons at the middle of the page to trigger the modal. The modal always open at the top of the page and when you close it you will then need to scroll down again so you can click the button and open the modal.
Is it possible to just open the modal in the same position where the buttons are and stop it from going up to the top?
Thanks in Advance!
Hello.
Please, send the link to the page with issue.
Here’s the link http://sites.mysite-dev.com/cumbie/postlicensing/, there are course descriptions button at the middle of the page, those are the trigger buttons.
Thanks!
In which browser do you have a problem?
I’m experiencing the problem in mobile devices. It’s working fine in desktop.
Add to the CSS next code:
html.no-scroll, body.no-scroll {
overflow: visible !important;
}
In the site dashboard:
Go to the page ‘Appearance’->’Customize’
Click ‘Additional CSS’
Add CSS code
Click ‘Publised’
Am afraid that might affect the entire site? I’ll try this.
-
This reply was modified 6 years, 1 month ago by
teody.
Wow! That worked perfectly! Thank you so much for the help. I really appreciate it.