Why does my mobile theme show a different background color?

lumi2
Excursionist
12 0 5

Hello.

When I edit my theme for mobile it shows a different background (especially the header) color than when I actually open my website on my phone. I'd really appreciate some help.

Thanks!

My url is: https://tiktokconsulting.ch/

Below you can see how it should look like on mobile:

Bildschirmfoto 2022-11-10 um 18.00.46.png

 

 

And here you can see how it actually looks like on mobile:

IMG_7244.PNG

Replies 3 (3)

KetanKumar
Shopify Partner
36890 3640 11983

@lumi2 

yes try this code

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

@media (max-width: 768px) {
body.gradient {
    background: #fff !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
lumi2
Excursionist
12 0 5

Thanks for replying! Unfortunately It did not work. It only changed the background to #fff but not the header to the same gradient color as it should.

Cr0dex
Tourist
7 1 0

Hey @lumi2 ,
were you able to find a solution to this problem? I have the same in our shop 😕