Mobile Pop-up at the top of screen!

Site URL: https://www.helixstarkville.com/

Hi @tuanphan ! 

Can you help me with the below: 

I am trying to get my pop-up to be at the top of the screen on mobile (instead of at the bottom), so my widgets do not block it. Is that possible? 

https://www.helixstarkville.com/

Thanks!

Samantha

Hi. You mean newsletter or livechat?

@tuanphan

Yes when I say widgets I mean the livechat in the left hand corner you can see in the photo attached originally. 

I just want to move my pop-up from squarespace which says "Save $700 when you sign today! Call for details" at the top of the screen on mobile.  

And leave the widgets at the bottom of the screen on mobile. For reference of what I say to mean mean widgets see attached.

Is that possible???

On 3/25/2021 at 7:22 PM, Shume27 said:

@tuanphan

Yes when I say widgets I mean the livechat in the left hand corner you can see in the photo attached originally. 

I just want to move my pop-up from squarespace which says "Save $700 when you sign today! Call for details" at the top of the screen on mobile.  

And leave the widgets at the bottom of the screen on mobile. For reference of what I say to mean mean widgets see attached.

Is that possible???

Add to Design > Custom CSS

/* Mobile popup */
@media screen and (max-width:600px) {
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide {
    top: -100% !important;
    bottom: unset !important;
}
}