Re: Add gap in bw section line and YOUR BAG title in cart page Dawn 15V

Solved

Add gap in bw section line and YOUR BAG title in cart page Dawn 15V

ctal37
Trailblazer
160 1 37

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/cartWhatsApp Image 2024-08-21 at 14.47.55.jpeg

Accepted Solutions (4)

BSS-TekLabs
Shopify Partner
2401 695 832

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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Guleria
Shopify Partner
4113 804 1155

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

View solution in original post

BSS-TekLabs
Shopify Partner
2401 695 832

This is an accepted solution.

Can you add this code to last line file base.css @ctal37 

BSSTekLabs_0-1724338537694.png

 

- 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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Made4uo-Ribe
Shopify Partner
10137 2405 3039

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:

Made4uoRibe_0-1724338891863.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2401 695 832

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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
BSS-TekLabs
Shopify Partner
2401 695 832

This is an accepted solution.

Can you add this code to last line file base.css @ctal37 

BSSTekLabs_0-1724338537694.png

 

- 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


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

Guleria
Shopify Partner
4113 804 1155

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

- Custom themes, UI/UX design, ongoing maintenance & support.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder

Made4uo-Ribe
Shopify Partner
10137 2405 3039

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:

Made4uoRibe_0-1724338891863.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.