Wrong color when on mobile

Wrong color when on mobile

tommiddleton1
Tourist
4 0 1

Broken.pngNormal.pngAs you can see on the pictures, when on desktop it's working and is the correct color scheme. When on mobile, it changes to a strange grey color and i'm unable to press anything on the page on the phone.

Replies 8 (8)

Moeed
Shopify Partner
6737 1820 2202

Hey @tommiddleton1 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


tommiddleton1
Tourist
4 0 1

websensepro
Shopify Partner
1854 215 262

Hi  @tommiddleton1 , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

ZestardTech
Shopify Partner
6071 1087 1458

Hello @tommiddleton1 ,

 

Could you please provide the URL/ password  to your store so that I can check it and provide you with the exact solution?

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Viralmint
Shopify Partner
38 5 3

Hello tommiddleton1,

 

Could you please share the Store URL?

If you find our reply helpful, please hit Like and Mark it as a Solution.


For custom designs and solutions, feel free to contact us. We offer 360-degree services to help scale your e-commerce brand.



Thank You,
ViralMint Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency| Call Us 91 98903 26596
Location: Pune, Maharashtra, India 411045

ZestardTech
Shopify Partner
6071 1087 1458

Hello @tommiddleton1 ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

.country-selector__overlay {
    background-color: rgba(var(--color-foreground),0) !important;
}

 

ZestardTech_0-1737456790473.png

 

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
tommiddleton1
Tourist
4 0 1

Thank you this fixed the colors - but there is a problem with the photos not displayng. And I'm unable to press anything on the page. It seems whatever the grey overlay was, is blocking from pressing anything.

tommiddleton1
Tourist
4 0 1

473634592_1148638443929563_7595259504351070379_n.jpg