Making one particular text block left aligned on mobile only (when you have a centre align media query on)

jesleacreative · September 11

I have a mobile media query set up so that all my text on mobile is aligned centre.

BUT, I want the top H1 on the homepage to still be left aligned as it works better that way.

For the life of me I can't work out how to do it, i've tried the block ID, but I feel as though nothing will work as I already have the centre-align on mobile css in there.

Can someone point me in the direction of a bit of code or workaround please?

SITE:

https://www.thesocialhome.com.au/

p/w: jesleacreative

tuanphan · September 12

You can use this CSS code

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1725267031146_10230 h1 {
    text-align: left !important;
}
}

Making one particular text block left aligned on mobile only (when you have a centre align media query on)

Recommended Posts

jesleacreative

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources