background color gradient does not work on mobile version DAWN THEME

background color gradient does not work on mobile version DAWN THEME

DS-Ibro
Tourist
8 0 1

Hello peopleee!

 I have an issue with my theme color: it changes in the mobile version. 

 

The theme color in the desktop version is a gradient but in the mobile version the gradient does not work. The resut are different colors in the mobile version. But I want the gradient in the mobile version too. 

 

Also the theme does not duplicate properly. The colors and sizes change completely in the duplicate. 

 

Did not find any earlier posts, so thankful for any help!

 

 

Replies 20 (20)

VIEKIN
Shopify Partner
666 79 94

hi @DS-Ibro ,

The firstly, can you give the link of store and point the place on the website have issue happen, like that i will easy help you check.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
abdur-rahman
New Member
7 0 0

Hi Phavia, I am having the same problem and support was not able to fix it, please could you help me?

abdur-rahman
New Member
7 0 0

HI man having this same issue, were you able to fix it?

VIEKIN
Shopify Partner
666 79 94

hi @abdur-rahman ,

Could you please put the link your store here? i will go to store and check for you,

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
abdur-rahman
New Member
7 0 0

hi thanks for your reply 

https://abswithabdur.myshopify.com/

on mobile the gradient is inconsistent with desktop

abdur-rahman
New Member
7 0 0

if you compare scrolling on desktop and mobile you will see what I mean

VIEKIN
Shopify Partner
666 79 94

What are the expected do you want here?

When i checked the gradient on mobile and desktop is the same, currently

Please make the describe image or video about the thing you expected,

Thanks!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
abdur-rahman
New Member
7 0 0

when you check mobile view on desktop it is, but not an actual mobile phone, i will send video to compare 

abdur-rahman
New Member
7 0 0

it says i do not have permission to upload video, please can you type it in on your phone

abdur-rahman
New Member
7 0 0

thank you for checking it out 

RevoSoundDev
New Member
6 0 0

Hello, were you able to get this resolved? I am having the exact same issue, as the actual mobile device is not showing the gradient as Shopify's mobile example. 
@VIEKIN were you able to see this issue?

VIEKIN
Shopify Partner
666 79 94

Can you please send me the URL of your store as well? Also, if possible, you can screenshot your screen about the error, which will be helpful to detect the cause.

thanks!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
RevoSoundDev
New Member
6 0 0
Hello, my url is revosounds.com
However, it is under password protection until I get this issue fixed.
Below are screen shots of the Actual Mobile screenshot, the website mobile
screenshot and the computer screenshot. Please notice how in the actual
mobile screenshot the gradient moves along vertically instead of
horizontally as expected with the other two screenshots.

Thanks!



RevoSoundDev
New Member
6 0 0

Below is from my actual mobile device
Gradient_actualmobile_screenshot.jpg


Below is from using Developer tool and adjusting screen size
Gradient_computer_mobilesize_screenshot.PNG

 

Below is the screen shot of pc screen
Gradient_computer_screenshot.PNG

VIEKIN
Shopify Partner
666 79 94

I understand your issue, maybe the style on mobile has a problem. But i cannot check because when i go to your site by url, the store is protected by a password, so if you still have not solved it and want help, you can send me the password if you want.

thanks!

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
RevoSoundDev
New Member
6 0 0
Yes your help would be greatly appreciated!
How can I send you the password directly?
RevoSoundDev
New Member
6 0 0

Nevermind, I direct messaged you the password. Please let me know if this helps.

VIEKIN
Shopify Partner
666 79 94

 

I have checked on your site,

So you can add the code here at the bottom of the base.css file to fix the issue:

 

@media screen and (max-width: 767px) {
  .gradient{
	background-attachment: local !important;
  }
}

 

 

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
RevoSoundDev
New Member
6 0 0
This was exactly what we needed!
Thank you!
candice1990
Visitor
1 0 0

Hi there! I am wanting my gradient to scroll/move on mobile as it does on desktop, but this code just holds the gradient. Is there a way to code this?