Background Color Problem With Sense Theme (Mobile Phone)

[lumi2]

Hello

I’m using the sense theme and chose a gradient background color. However when I open my homepage on my phone it changes the background color & header color at the top of the page.

When I scroll down the gradient background color is working perfectly fine. But once I scroll up to the top of my page the background color changes and the header color as well.

Here you can see what it should look like.

And here you can see how it actually looks like on my phone once I scroll to the top of my page, it swaps the background color:

My store URL is https://tiktokconsulting.ch/

I’d really appreciate some help. Thank you!

[LitExtension]

Hi @lumi2 ,

Gradient still works fine on IOS, because your background is fixed, and this is not supported by IOS.

Go to Assets > base.css and paste this at the bottom of the file:

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

Hope it helps!

[lumi2]

Hi @LitExtension

Thank you so much, it worked! I really appreciate your help.