Home Page Background Colour Different on Mobile to Desktop

  • Resolved rachel8t4

    (@rachel8t4)


    5 years, 1 month ago

    Hi Guys!

    I’m in the process of updating my website and just noticed that the colour of my home page background is different on mobile than it is on desktop view. It should be specifically #363435 as per my branding, and instead it’s appearing as a much darker black. I’ve tried to target it using the following css but with no luck so far;

    @media only screen and (max-width: 767px) {
    .page-id-8103 {
    background-color:#363435 !important;
    }
    }

    I think it’s being overridden somewhere but can’t find it – any help would be greatly appreciated – thank you!
    Rachel

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sajjad Hussain

    (@sajjadhussain2509)

    Hello,
    I have gone through both desktop and mobile views. The Color Scheme is same as you mentioned on both devices. I think you did not cache the browser. Therefore changes do not appear in your browser. Just go and cache your browser and check it out if you work or not. Let me know in both cases.
    Best of Luck
    Sajjad Hussain

    Thread Starter rachel8t4

    (@rachel8t4)

    Hi Sajjad! Thank you for your suggestion. I had cleared the cache on my WordPress site, but went back and also cleared the browser cache on both my laptop and phone browsers. Unfortunately the black is still appearing very different for me on my phone (Samsung) – very strange, as the actual graphic colours display the same on both. The background colour should be identical to the grunge border on the graphic so they blend together seamlessly. Is there a way to upload screenshots on here? I can’t see the option anywhere. Thank you again for your help! ??

    Thread Starter rachel8t4

    (@rachel8t4)

    Hi Sajjad! I’ve figured out what the issue was! It was because my Samsung was set to night mode (doh!) – for some reason this caused the background colour to display much darker (but the main graphic remained unaffected). Now I have turned night mode off it is displaying correctly on mobile. Hopefully this might help someone else in the future lol Thanks!

    Sajjad Hussain

    (@sajjadhussain2509)

    lol.
    I could not stop laughing.
    Anyway, you solved it. please mark it as solved.

    Thread Starter rachel8t4

    (@rachel8t4)

    Hahaha I know, soooo silly! ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Home Page Background Colour Different on Mobile to Desktop’ is closed to new replies.