Fix cart page

[Optimist1]

I need help aligning the product and their corresponding prices on the shopping cart page, look at the screenshot, please make it as the red arrows

[Acme]

Hi, @Optimist1
Could you please share your store link. I am ready to help you. thanks

[Optimist1]

Thanks, here you are https://happyoff.com and the PASSWORD: stewbe

[ProtoMan44]

@Optimist1 Hey, thanks for posting here.
can you please share the link to inspect it, thanks.

[Moeed]

Hey @Optimist1

I’m not exactly sure what you mean but if that’s what you meant as shown in the screenshot then:

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Optimist1]

Thanks, here you are https://happyoff.com

[Acme]

1. Go to online store → theme → edit code.
2. Open bass.css and add follow css.
   @media only screen and (min-width: 600px) {
   .t4s-cartPage__header .t4s-row .t4s-col-3 .t4s-text-center {
   margin-top: -3rem !important;
   }
   }
   @media only screen and (min-width: 600px) {

.t4s-cartPage__items .t4s-page_cart__item .t4s-cart_meta_prices_wrap {
margin-top: -20rem !important;
}

}

[Optimist1]

not working bro

[Optimist1]

Not Working for me bro

[Acme]

Please find follow block and then insert margin-top again. thanks
@media only screen and (min-width: 600px) {
.t4s-align-items-center .t4s-col-3.t4s-col-item, .t4s-align-items-center .t4s-col-item.t4s-text-lg-center {
width: 100% !important;
text-align: right !important;
margin-top: -20rem !important;
}
}

@media only screen and (min-width: 600px) {
.t4s-container .t4s-align-items-center .t4s-col-3.t4s-col-item {
width: 100% !important;
margin-top: -3rem !important;
}
}

[Optimist1]

That’s great, thanks a lot bro

[Acme]

You are welcome.