Fix text columns with images on mobile

DarmorGamz
Excursionist
21 0 4

Store url: NinjaToolSupply.com

Password: password

Using context theme

I have my row on desktop looking fine and they're clickable

DarmorGamz_0-1618390014808.png

But it looks like this on mobile

DarmorGamz_1-1618390035334.png

How do i fix it so it looks proper on mobile too. Thank you

JHKCreate
Shopify Partner
2481 426 581

Hello @DarmorGamz 

You want to have all logos on one line? Or 2x2 at least for spacing?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
DarmorGamz
Excursionist
21 0 4

I want all 5 on one line just like it is on desktop

0 Likes

Dear @DarmorGamz 

Hope this will help you

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.

  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
 @media only screen and (max-width: 429px) {
#shopify-section-1618180127c05b6101 .text-columns .text-columns__content .text-columns__feature .mb3 {max-width: 100% !important;}
}
/* End*/

 

  • Save and check your theme by refreshing it.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
0 Likes
DarmorGamz
Excursionist
21 0 4

Did not effect anything and mobile still looks the same. Any other solutions? 

0 Likes