Jump to content

Shopping Cart margins

Recommended Posts

Site URL: https://www.mattportch.com



1. On my shopping cart page, how do I add the margins left and right to match the rest of my site? (Gift Card page is an example below)

2. How do I make the shopping cart text and details fall within the margins in MOBILE view?







Code injection on rest of website pages:

@media (min-width: 768px) {
header, .content-wrapper, .section-background {
   padding-left: 9%;
   padding-right: 9%;




Link to comment
  • Replies 6
  • Views 784
  • Created
  • Last Reply

@tuanphan Hi, yes I do need help. The code suggested didn't work. The idea was to give the shopping cart page the same margins (left and right) as the rest of the website. And keep the mobile view within the margins. (You would need to enter an item from the store to view the shopping cart page)

Link to comment



1. This first 2 examples below are how I want the shopping cart page margins to look to match the margins in the rest of my site in desk view.

2. The current shopping cart page in mobile view pushes the AUD outside the margin on the right. Plus the text is bunched together.












Link to comment


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.