Jump to content

Reducing Side Padding on Sections in 7.1 (Tablet View Only)

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: http://www.larclighting.com

Hi all,

I'm finishing up a website for a client and running into a coding hiccup when it comes to configuring my CSS code for the side (right/left) padding on a few sections in their site.

We've got this view on desktop (which they like):



And in tablet view, it looks like this:



They're not wild about the white space there and want the text to take up the whole container (on this section a couple others throughout the site) like it does when it's in mobile view.

The media query I've been working on so far is this:


@media screen and (min-width:641px) and (max-width:900px) { section[data-section-id="61ba535cde8ebe3fa3fb6834"]
  {padding-left: 0px !important;
   padding-right: 0px !important;

*I'm only working with "0px" so that it's super obvious when it actually works, ha! Will adjust once I have a code that works...

Can someone help me with where I'm going wrong? I've played around with the min/max numbers and nothing seems to change so I'm somewhat stumped.

Thank you!

Site link: www.larclighting.com
Site PW:  ilovelamp

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Use this CSS

@media screen and (min-width:768px) and (max-width:1024px) {
[data-section-id="61ba535cde8ebe3fa3fb6834"] .content {
    width: 100% !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.