Jump to content

How do I remove the content inset from a section in Mobile Only

Recommended Posts

Site URL: https://flowercarte.squarespace.com/

Wondering if there's a way to remove the content inset on mobile view from a section. I have an image that is inset underneath a testimonials carousel but on mobile you can only view a very skinny part of it so i'd rather just remove.

See https://flowercarte.squarespace.com/ pass: flowercarte - Homepage and How it works Testimonials section...

Site is in 7.1
 

Link to comment
  • Replies 5
  • Views 678
  • Created
  • Last Reply

The following CSS will hide the image in mobile:
 

@media (max-width: 767px){
  /* Hide section background image under the carousel on "Home" and "How it works" pages */
  .page-section[data-section-id="5fd08e73a040431536c13852"] .section-background img,
  .page-section[data-section-id="5fea45edb282ec468d1fbbc1"] .section-background img {
    display: none;
  }  
}

 

Full stack developer who loves helping people out with anything web related. If you'd like to support me, buy me a coffee!

Link to comment
  • 3 weeks later...

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.