Jump to content

Change font on header section of website to black on mobile only (keep white for desktop)

Recommended Posts

  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Here is a code snippet that will accomplish that on mobile. However, I think it would be more beneficial to change the text to black in general since the background is very light all around (on all devices).

//Start: Make text in Homepag ehero black on mobile
@media(max-width: 550px) {
  [data-section-id="6339b4b3a8b2184f09f0f518"] {
    h1, h2, h3, h4, h5, h6, p, span {
      color: black;
    }
  }
}
//End: Make text in Homepag ehero black on mobile
Edited by Caroline_Smith
Link to comment

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.