Hi @kasra021
I hope you are doing good today.
Could you export your pop-up module, upload it to google drive or dropbox, and share a link in your next reply so that we could review your module settings?
Kind Regards,
Kris
Thread Starter
Arshia
(@kasra021)
thanks for your response!
yes this is the file
Popup Export
Hi @kasra021
Those paddings you have made in global settings are applied for mobile as well. Please add below code into Appearance -> Customize -> Additional CSS to make content of this pop-up full width inside:
@media all and (min-width:320px) and (max-width: 745px) {
.hustle-ui.module_id_5 .hustle-layout .hustle-layout-body
{padding: 0 0 0 0 !important;}
.hustle-ui.module_id_5 .hustle-layout .hustle-layout-body .hustle-layout-content
{border-radius:0 !important;}
.hustle-ui.module_id_5 .hustle-layout form
{width:100% !important; padding:0 !important;}
}
Kind Regards,
Kris
Thread Starter
Arshia
(@kasra021)
Thank you a lot! now it works just fine:)
The only problem is there’s no x button showing.
I enabled the option to click outside and close, but how could I solve the “x” button issue?
Thanks!
Hello @kasra021 !
Maybe something like this will help:
@media all (max-width: 745px) {
.hustle-ui.module_id_5 .hustle-button-close {
position: absolute;
top: 10px;
right: 10px;
}
}
Of course those values can be adjusted to your liking. If it doesn’t get applied properly, please also try with:
position: absolute !important;
May be necessary to force the positioning here.
Warm regards,
Pawel
Hi @kasra021,
Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to re-open the thread if you need further assistance.
Best Regards
Nithin
