Supply Theme -- changing-- "@include at-query" font color for all devices

Solved
Highlighted
New Member
3 0 0

I'm not sure if this has been looked at before. Sorry if it has.

 

I would like to change the font color on the following:

@include at-query ($min, $postSmall) {
#addToCartForm select {
max-width: 60%;
}
}

 

I was able to change it for the desktop, but not for mobile devices by adding "color: red;".

 

Screen Shot 2020-01-29 at 5.01.24 PM.png

 

I'm sure it's an easy fix, but I've read the code several times and just can't do it.

 

Thanks for any help.

 

Terry

0 Likes
Highlighted
Shopify Partner
858 117 149

Hello, @Terry0 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Partner
1002 43 119

Dear Terry0,

 

As you can not do it by yourself then please hire an expert or contact here https://www.task4store.com/pages/contact-us

 

Thanks & Regards

MS Web Designer

Thanks & Regards
MS Web Designer
Get Free Store Audit Report
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
10*/10 Shopify Services Marketplace
0 Likes
Highlighted
New Member
3 0 0

Hello,

Here is one of the pages that works on the desktop, doesn't work on mobile devices.

https://australianmedicalsheepskins.com/products/broda-chair-accessories

 

As you can see, I have the red "Check Sizing & Price Required". That is the line (variant) that needs adjusting for the mobile devices.

 

Thanks.

 

0 Likes
Highlighted

Success.

Tourist
3 1 0

You can try with a custom media query :

 

You can try by setting your own media query :

 

@media only screen and (max-width: 768px) {
  #addToCartForm select {
max-width: 60%;

color : red !important;
}
}

0 Likes
Highlighted
New Member
3 0 0

Thank you very much, it works awesome.

 

Terry

0 Likes