Jump to content

How do I remove the hero image on mobile from my home page?

Recommended Posts

  • Replies 4
  • Views 764
  • Created
  • Last Reply

Add the following to Design > Custom CSS.

@media screen and ( max-width: 767px ) {

  [data-section-id="5f5e8390d7bf523730ec3fc7"] .section-background {
  
    display: none;
    
    }
    
  }

Alternately you can put the code in Page Settings > Advanced > Page Header Code Injection for the page.
 

<style>

  @media screen and ( max-width: 767px ) {
  
    [data-section-id="5f5e8390d7bf523730ec3fc7"] .section-background {
    
      display: none;
      
      }
      
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.