Move pop up slightly upwards

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