Pop-up display not appearing right on mobile view.

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!

If you need a visual. This is the mobile version.

Up 🙂

Anyone? Thank you guys!

Happy Tuesday! Up 🙂

Can you enable popup? I don't see it here...

10 hours ago, tuanphan said:

Can you enable popup? I don't see it here...

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.

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!