Debut Theme: How to stop color from changing in mobile mode

Store Design
1

On fullscreen, and desktop view my custom html has a pink background but then when on mobile it changes to black. How do I get it to remain pink even when the screen is small?

I’m sure it starts off with @media but I don’t know the rest.

mobileview.png
mobileview.png1136×866 85.3 KB

Deskstopview.png
Deskstopview.png1574×980 192 KB

Password is “Help”

da-real-ase-doll-factory.myshopify.com

2

hello can you please share your preview URL of your shop

3

Please send your site and if your site is password protected, please send me the password.
I will check it for you.

4

https://da-real-ase-doll-factory.myshopify.com/

Password: Bye

5

hello @Kenyakreates

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 748px){
#shopify-section-1629732779505dd975{
        background: #ee509b;
}
}
6

Hey, it didn’t work unfortunately

7

Hi @Kenyakreates ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
#shopify-section-1629732779505dd975 {
background: #ee509b
}

Hope this is clear to you.

Please mark as a solution if you find my comment helpful. Thanks and good luck!