Jump to content

Pop-up display not appearing right on mobile view.

Recommended Posts

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

Hi guys!

So I've been having quite a few issues with the mobile view (I hate this trend ahah). Most of them are in the process are getting resolved but...

I set up a pop-up for people to subscribe to my blog feed. It looks great on desktop!

Now on mobile view...The heading and body text are aligned to the left (it is centered in my settings and on desktop) including the finger pointing down. That's an issue because it doesn't line up with the subscribe button and looks sloppy.

You can replicate the issue on mobile by going to my site for the first time and scrolling through the homepage or using incognito.

How can I fix that? Thank you!

Link to comment
  • Replies 8
  • Views 1k
  • Created
  • Last Reply
17 minutes ago, A1Protocol said:

Hey I enabled it but it only appears once every 30 days if you already visited the site. If you go incognito on Chrome it will reappear as you scroll down the homepage. 

Thank you.

Add to Design > Custom CSS

/* center 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 * {
    text-align: center !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
3 hours ago, tuanphan said:

Add to Design > Custom CSS


/* center 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 * {
    text-align: center !important;
}
}

 

You are amazing! 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.