background color gradient does not work on mobile version DAWN THEME

[DS-Ibro]

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!

[DitalTek]

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.

[abdur-rahman]

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

[abdur-rahman]

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

[DitalTek]

hi @abdur-rahman ,

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

[abdur-rahman]

hi thanks for your reply 

https://abswithabdur.myshopify.com/

on mobile the gradient is inconsistent with desktop

[abdur-rahman]

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

[DitalTek]

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!

[abdur-rahman]

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

[abdur-rahman]

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

[abdur-rahman]

thank you for checking it out 

[RevoSoundDev]

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. 
@DitalTek were you able to see this issue?

[DitalTek]

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!

[RevoSoundDev]

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]

Below is from my actual mobile device

 
Below is from using Developer tool and adjusting screen size

Below is the screen shot of pc screen

[DitalTek]

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!

[RevoSoundDev]

Yes your help would be greatly appreciated!
How can I send you the password directly?

[RevoSoundDev]

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

[DitalTek]

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;
  }
}

[RevoSoundDev]

This was exactly what we needed!
Thank you!

[candice1990]

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?