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

Feel free to email me with any customization inquiries or questions you may have!

Free Squarespace Resources: DevTools Minicourse,  11-Step Guide to Improve Custom CSS, Free Product/Pricing Comparison Table Generator

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.