Shopping Cart margins

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

Hi,

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:

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

For the cart specifically:
 

@media (min-width: 768px) {
#cart
.header .header-announcement-bar-wrapper {
    padding-left: 9%;
    padding-right: 9%;}

.system-page {
    padding-left: 9%;
    padding-right: 9%;}
}

.CartTableRow-itemPrice-26eXS {
  white-space: pre-wrap;}

Thanks. I typed this in custom CSS but nothing happened.

I see cart page fine here. Do you still need help on this?

@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)

I see same margin here???

@tuanphan

Hi,

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.