↑Mobile Version
↓Desktop Version
I want to unify the color as the web on Mobile.
Please let me know how i can set it up.
Topic summary
Mobile background color on the shop appears different from desktop, especially on iPhone Safari; the merchant wants colors unified.
- Store link was provided for review. Images/screenshots highlight the discrepancy between mobile and desktop appearances.
- Initial finding: the background color seems applied to the outer container rather than each content block. This causes the color to look lighter in the middle of the page and darker at the top due to theme settings (not a bug).
- Merchant notes the Shopify mobile editor preview matches desktop, but the live site on iPhone shows color fading.
- Latest update: support tested on iPhone and confirmed the gradient background (a color transition effect) does not behave properly on mobile devices.
- Outcome: likely a theme-level issue; advised to escalate to the theme developer. Support cannot intervene further. Status: unresolved/needs theme development.
Hi @namii
Could you please share the store link and entry password for further checking?
Looking forward to hearing from you soon!
Best,
Daisy - Avada Support Team.
Hi @namii
It seems like you’ve set the background for the entire box surrounding the content, rather than for each individual block on your front store.
When the section with these two cats is in the middle area, the color appears lighter: Screenshot.
When you scroll it to the top, the color becomes darker: Screenshot.
This is due to the theme’s settings, not a bug.
Could you please re-check it from your end?.
Thank you!
Best,
Daisy - Avada Support Team.
Yes that’s correct but when I edit mobile mode on Shopify, it appears as
desktop background. But when I actually look up my site on my iPhone with
safari tabs, it fades the color away.
That’s why I was concerned x/
Hi @namii
We just checked it on iPhone and it seems the gradient background does not work properly on Mobile devices. You might need to check it further with Theme developement in this case. Unfortunately, we can’t intervene it further.
Hope you can kindly understand. Thank you so much!
Best,
Daisy - Avada Support Team.