All things Shopify and commerce
hiii,
I would like to add some gap in between section line and your bag title in cart page both are looking so together. please help me. check the screenshot
store link - https://5a3cf5-fc.myshopify.com/cart
Solved! Go to the solution
This is an accepted solution.
@media only screen and (max-width: 600px) {
cart-items .title-wrapper-with-link {
padding-bottom: 15px !important;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
Hello @ctal37 ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code at the bottom:
@media screen and (max-width: 600px) {
cart-items .title-wrapper-with-link {
margin-bottom: 10% !important;
}
}
Thanks
This is an accepted solution.
Can you add this code to last line file base.css @ctal37
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
Hi @ctal37
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
@media only screen and (max-width: 749px){
form#cart {
padding-top: 2rem;
}
}
Aand Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
This is an accepted solution.
@media only screen and (max-width: 600px) {
cart-items .title-wrapper-with-link {
padding-bottom: 15px !important;
}
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
Can you add this code to last line file base.css @ctal37
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
This is an accepted solution.
Hello @ctal37 ,
Follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your base.css file and paste the following code at the bottom:
@media screen and (max-width: 600px) {
cart-items .title-wrapper-with-link {
margin-bottom: 10% !important;
}
}
Thanks
This is an accepted solution.
Hi @ctal37
Check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
@media only screen and (max-width: 749px){
form#cart {
padding-top: 2rem;
}
}
Aand Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025