Need help with .icon-with-text to not break to next line

Store Design
,
1

https://milkymotorsports.com/products/cometic-automotive-cummins-3-9l-4bt-cylinder-head-gasket-1

Need help with .icon-with-text to not break to next line as seen in photo:

IMG_5857.png
IMG_5857.png828Ă—1792 136 KB

2

Hi @milkymotorsport ,

I understand that you dont want to break the line of the text. What I did, I reduce the grid gap and and the font size.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
@media obly screen and (max-width: 435px) {
ul.icon-with-text.icon-with-text--horizontal.list-unstyled {
    grid-gap: 2px;
}
ul.icon-with-text.icon-with-text--horizontal.list-unstyled span {
    font-size: 12px;
}
}