Hi @_iain,
I hope you are keeping well and thank you for reaching out to us.
I’ve just created a popup but the box appears very low down.
I checked the mentioned website and the pop-up appears right at the middle of the page.
https://ibb.co/tQHDtb4
Can you please confirm if you managed to fix this?
To further move the popup upwards, please try adding the following CSS at WP Dashboard >> Appearance >> Customize >> Additional CSS.
. hustle_module_id_1 .hustle-popup-content.hustle-animate.hustle-animate-in--no_animation {
position: relative;
top: -30px;
}
Kind Regards,
Nebu John
Hi Nebu
It’s only on mobile devices that the pop up seems quite low down. Will adding a media query to this CSS sort this?
Thanks
Iain
Hi @_iain
Yes, media query will help. Also you can use this updated CSS code:
@media all and (min-width:320px) and (max-width: 768px) {
.hustle_module_id_1 .hustle-popup-content.hustle-animate.hustle-animate-in--no_animation {
position: absolute !important;
left:0px;
top: 0 !important;
}
}
Kind Regards,
Kris
Hi Kris
Thank you for your fast reply. I couldn’t get the custom CSS to work within the plugins settings but was able to add this to my theme’s custom CSS panel which worked
Thanks very much for your help