Edit Code Dawn Theme: Changing background color / text color, won't work on mobile

[sippinonsunshin]

/* Ensure the background and text color apply across all devices */
.color-scheme-1.gradient {
background-color: #fff2de !important;
color: #7c715b !important;
}

/* Additional specificity to target mobile devices */
@media only screen and (max-width: 767px) {
.color-scheme-1.gradient {
background-color: #fff2de !important;
color: #7c715b !important;
}

This is the code I have pasted into base.css 

Works perfect for desktop, just bought my domain and checked on mobile but everything is white / changes arent being published on mobile.

www.sippinonsunshine.net
anna is the code to get in

been trying to troubleshoot with chatgpt but no luck

[BSSCommerce-HDL]

Hi @sippinonsunshin 

Its seem to be wrong store URL. Can you double check?

[sippinonsunshin]

hi, im so sorry.

it's sippinonsunshine.net !

[BSSCommerce-HDL · Accepted solution]

Hmm, i see that your code work fine on mobile too.
Maybe you can try cutting your code to there:
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
... YOUR CODE HERE!
</style>

[sippinonsunshin]

Yes it does appear fine when I preview on shopify. However after using my browser on my phone the website shows just a white background and black text. Will try your solution now.