Jump to content

*FAUX* FULL-WIDTH (CSS)

Recommended Posts

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

Hi,

I'm having issues.

I am using custom CSS, to enable full-bleed content on the mobile version of my site.  Yet, there's still an apprx. 2px gap on the left and right side of all content.  My intent, was that there be no gap on either side, whatsoever.  Here is the code I am using:

@media screen and (max-width:800px) {
.sqs-layout .sqs-row .sqs-block{
  padding-left: 0 !important;
  padding-right: 0 !important;
} 

I've attached a mobile screen recording to show you what I mean.  In it, I'll scroll up and down, and pinch the entire page to give context.

This may sound silly, but I've even tried using a negative padding measurement i.e. "-10" to no avail.

Full width, should mean exactly that.  But I guess I'm living in the twilight zone.  If anyone out there can help, I'll greatly appreciate it.

Link to comment
  • Replies 10
  • Views 376
  • Created
  • Last Reply

I can't "replace" something that doesn't exist.  This is nowhere in my code:

18 hours ago, rwp said:

#pageWrapper { padding: 20px !important; }

Again, if anyone else out there has a solution, please let me know.

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.