How to align newsletter to center on mobile only?

Emir · October 4

Hello,

I am new to customizing the site with CSS. On the desktop version, my newsletter (in the footer) is aligned to the left. However, on mobile, I would like the newsletter to be aligned to the right.

Any help is appreciated :)

Lesum · October 4

@Emir Would it be possible to share your site's URL so I can take a look? Thanks!

Emir · October 4

@Lesum Yes, here you go: https://www.iveagroup.com/

Edited October 4 by Emir

Lesum · October 4

@Emir You can add this code snippet within the Custom CSS panel:

@media only screen and (max-width: 767px) {
	.newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form {
		text-align: right !important;
	}
}

Emir · October 4

@Lesum Thank you very much. I had to change text-align from right to center but otherwise its perfect 🙂

Lesum · October 4

@Emir Thanks! You mentioned to align newsletter to the right in your initial post 🙂.

Emir · October 6

@Lesum That's true, my mistake hahah

How to align newsletter to center on mobile only?

Recommended Posts

Emir

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Emir

Posted Images

Lesum

Link to comment

Emir

Link to comment

Lesum

Link to comment

Emir

Link to comment

Lesum

Link to comment

Emir

Link to comment

Create an account or sign in to comment

News

Emir

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources