Some changes made on dekstop website don't reflect in the mobile website

Hey all, so I am trying to make some changes on my website. There are 2 problems:

  1. First, my website color was pink. I changed it to purple on the whole website. Now I can see the purple color on the dekstop website, but the mobile website is still pink. It has been more than a month since I changed colors.

  2. I changed some icons/pics I put on the website in the footer. I can see the updated ones on dekstop website but the mobile website still has the old icons.

  3. The other changes are working just fine. Just now I changed a word on my homepage and a few seconds later I could see the same changes updated in the mobile version.

I also cleared my browser cache, and tried it on a couple of different mobile devices, and got the same result.

Any idea how to solve this?

This is my website: veloriaa.com

Hi @Veloriaa

You have made those changes in the CSS file, but they are not reflected on mobile. I think you also need to copy and include the modified code within the @media screen and (max-width: 750px) block. Place it at the end of the CSS file. The final result looks like this (adding !important ensures the CSS property is prioritized).

@media screen and (max-width: 750px) {
   // code example
   body {
    background: violet !important;
   }
}

Hope this helps you.

Hi @Veloriaa !

It seems like you are having a technical issue with the updates. I highly suggest that you reach out to Shopify support team so, their technical team can further investigate where the issue is coming from.

Thanks for answering. However, I did not touch any internal css files. All the changes I made were made through the website builder

Sure thing