How can I alter mobile page colors?

Shopify Discussion
1

Hello, I was wondering does someone know how to change the background colors of pages and policies on mobile, as I am experiencing a problem, where I can change the color on desktop but on mobile it stays the same. Any help would be much appreciated!

Store url: https://humbliss.com/

Password: chohgo

1 Like
2

Hi @Yoan_Zagorov !
Would you like to share specific page or the specific location on the website, where you wanna change the color?

We didn’t got you point.

Message us on given below or Mail us your modifications with proper details.

Thanks and regards,

vortifytech and solution

3

Hi @Yoan_Zagorov

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 749px){
.shopify-policy__container  {
    background: bisque;
    max-width: 100% !important;
    padding: 20px;
}
}

And Save.

Result:

Made4uoRibe_0-1705097312121.png
Made4uoRibe_0-1705097312121.png563Ă—676 41.7 KB

You can change the color you like.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

4

Hi @Yoan_Zagorov

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyHenry_0-1705118981959.png
PageFlyHenry_0-1705118981959.png1365Ă—651 47.6 KB

{% if page.url == '/policies/privacy-policy' %} @media (max-width: 767px){ main#MainContent {background: red;} } {% endif %}

Hope that my solution works for you.

Best regards,

Henry | PageFly

5

Thank you all for the fast replies! I managed to figure it out by myself, but I am sure your methods work as well so I marked them both as solutions!

2 Likes