How to widen option title text on mobile for Debut Theme cart page?

Store Design
1

Hi dear shopify community team! Please help me!

I want the option title text to appear more widely on mobile when somone added to the cart.

Like what i green circeled. Thank you so much. Have a nice day!

My domain name: legszebbajandek.hu

Here’s a picture

2022-01-06 (33).png
2022-01-06 (33).png1280×1024 103 KB

2

Hello

To make the text wider on the cart page, add this code to your theme.scss or theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.scss or theme.css and paste the following code:

@media (max-width: 700px){
   .small--text-left{width: 100% !important;}
}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

1 Like
3

Hi @legszebbajandek ,

Go to Assets > theme.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
	.cart__row .cart__meta{
		width: 80% !important;
	}
	.cart__row .cart__price{
		width: 20% !important;
	}
}

It is the correct code with classes and more responsive dimensions. So it will be consistent with the theme’s CSS file.

Hope it helps!

1 Like
4

Thanks! Worked.

1 Like
5

Hi @legszebbajandek ,

If you have any further questions, you can contact me.

Happy to help you.