Put Icons in One row in Mobile version - Dawn Theme

Store Design
, ,
2

Hi @thingsontheway ,

You can follow these steps to make the effect

  1. Open Online Store > Theme > Edit Code

  2. Find and open the base.css (or theme.css, custom.css) file

  3. Paste the code snippet below at the bottom of the file and hit save

#shopify-section-template--18018607202550__icon_with_text_custom_gX6Rpn ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 15px;
    overflow-x: scroll;
}

#shopify-section-template--18018607202550__icon_with_text_custom_gX6Rpn ul::-webkit-scrollbar {
    /* Uncomment this line if you want to hide the scroll bar */ 
    /* display: none; */
}

Here is the result

BSSTekLabs_0-1720966545644.png
BSSTekLabs_0-1720966545644.png848×962 360 KB

Hope this helps you solve the issue.

Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

1 Like