Adjusting Label Size for Mobile View - Dawn Theme

[Esra47]

Hi,

I am currently having issues with the size of the labels and would like to adjust this for the mobile version. It would be great if they could be resized so that they appear side by side on one screen (on the mobile version). If that is not possible, it would also be okay if they are side by side and require scrolling.

Thank you in advance!

Here is link: https://tekaifaswg23rye9-71988969740.shopifypreview.com

[TerenceKEANE · Accepted solution]

Hi,

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

  @media (max-width: 991.98px){
  	.multicolumn-card-spacing{
	    
	    margin: 0!important;
}

ul#Slider-template--18783709266188__multicolumn_mz9cRJ > li {
    width: 32% !important;
}
  }

 

[Esra47]

It worked! Thank you so much!

[TerenceKEANE]

you are welcome.