Tables on Mobile vs Computer Screen

Solved
ACWORKS
Tourist
8 0 0

I am seeing my tables on the mobile app look different compared to on the computer screen and it was not always like that. 

 

https://acworks.com/pages/ac-works-outlet-solutions 

Website View: The table has far less extra white space. 

ACWORKS_0-1670613257252.png

The mobile view has so much white space in between the image and the table lines. This is not always how it looked but I cannot figure out what changed to make it work this way.

 

Any ideas?

 

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
14218 2145 2609

This is an accepted solution.

@ACWORKS 
Hello,

 

.push--large--one-sixth table tr {
	height: auto !important;
}

 

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid


Like This

oscprofessional_0-1671018554309.png

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant

View solution in original post

Replies 2 (2)
oscprofessional
Shopify Partner
14218 2145 2609

This is an accepted solution.

@ACWORKS 
Hello,

 

.push--large--one-sixth table tr {
	height: auto !important;
}

 

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid


Like This

oscprofessional_0-1671018554309.png

 

If helpful then Please Like and Accept Solution. Chat on WhatsApp | Skype : oscprofessionals-87 |
Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify App | Shopify SEO | Digital Marketing | Shopify Strategies Consultant
ACWORKS
Tourist
8 0 0

Thank you so much, this works perfectly.