theme colors changes in mobile version (different from desktop version)

karolgarza
Excursionist
12 0 7

Hi!   I am using Sense 2.0 template.

 

I have selected gradient colors for the page. They look fine in website view,  but when I try on my mobile preview they are solid color.  Just appear 1 second as gradient and then the colors turns solids.

 

Do you know what is happening and how to solve it?

 

https://tutare.myshopify.com/

pass breneu

 

 

 

website on desktop viewwebsite on desktop viewmobile view seen on my desktopmobile view seen on my desktopmobile view on mobile (iphone).  the gradient appears only 1 second and then dissapear.mobile view on mobile (iphone). the gradient appears only 1 second and then dissapear.

Replies 7 (7)
KetanKumar
Shopify Partner
31330 3130 10497

@karolgarza 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
karolgarza
Excursionist
12 0 7

In my mobile doesn´t look gradient colors,  they look like solid colors (I use an iphone iOS).

The gradient colors look good just in desktop (both preview desktop and mobile version).

 

If I try on my mobile phone,  they look solids.

karolgarza
Excursionist
12 0 7
KetanKumar
Shopify Partner
31330 3130 10497

@karolgarza 

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-template--15793996038384__rich-text .rich-text, .image-with-text--overlap .image-with-text__content {background: #fd6e5d !important;}
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
karolgarza
Excursionist
12 0 7

Hi!!!

It did not work.   I saved a video (attached) on my mobile, just you can see how it looks.

KetanKumar
Shopify Partner
31330 3130 10497

@karolgarzayes, please look on mobile

KetanKumar_0-1650373321024.png

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
karolgarza
Excursionist
12 0 7

Thanks!

Picture 1 and 2 are desktop view.  You can see the colors in gradient and they change color when you drop down the page.

 

Picture 3, 4, and 5 are from my mobile (iphone, chrome).   You can see there is no gradient, they look just solid colors.

 

I am looking how to solve in mobile that the colors look in gradient too same as in desktop.

 

Thanks  a lot for your help and pacience.

 

actual view on desktop they look gradient and change color when you drop down the pageactual view on desktop they look gradient and change color when you drop down the pageactual view on desktop they look gradient and change color when you drop down the pageactual view on desktop they look gradient and change color when you drop down the pagethis is the actual view on mobile (iphone, chrome) the colors lost the gradientthis is the actual view on mobile (iphone, chrome) the colors lost the gradientthis is the actual view on mobile (iphone, chrome)this is the actual view on mobile (iphone, chrome)this is the actual view on mobile (iphone, chrome)this is the actual view on mobile (iphone, chrome)