Jump to content

Pop up position on mobile

Recommended Posts

  • 2 weeks later...
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 4/1/2021 at 12:14 PM, DianaCE said:

Site URL: https://newbalancenutrition.com.au

Hi Team, I just created a pop up, but it appears at the bottom of the phone. Anyone knows how to modify this to make it appear at the top or center? Many thanks

Hi,

 Add to Design > Custom CSS

/* Popup mobile */
@media screen and (max-width:767px) {
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] .sqs-slide {
    top: 0 !important;
    bottom: unset !important;
    position: fixed;
}
}

image.thumb.png.e35ee13cc8e812a01869fa5c6145d10a.png

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
  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.