Jump to content

Mobile Pop-up at the top of screen!

Recommended Posts

  • Replies 3
  • Views 600
  • Created
  • Last Reply

@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???

widgets-2.png

widgets-1.png

Link to comment
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???

widgets-2.png

widgets-1.png

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.