Personalized checkout and custom promotions with Shopify Scripts
Ever since I created a custom background with the parallax effect, the mobile version of my store is displaying the header icons way too large. I cannot seem to find a fix for this annoying problem. My desktop version looks great, but this has only affected the mobile version of my store. Also, I noticed the background I saved is not even displaying on my mobile store. See attached image for reference.
Solved! Go to the solution
This is an accepted solution.
@EpicQuest it is fixed now. I noticed few errors on CSS and that was causing the rest of the CSS not to render properly
Looks like CSS or some other source files are corrupted.
Please let me know your store address and I can have a quick look.
Or you can try to undo what you have done to get that parallax effect to see if that was causing it.
Thanks @EpicQuest, I can see CSS has some corrupted characters.
Please correct those and it should work.
Thanks @Daniel-HHP! I changed the corrupted characters, and it is still showing up the same. See attached image.
@EpicQuest hmm, it might require a bit more troubleshooting. Can I please send an access request to your store so I can have a deeper look?
Absolutely! I really appreciate your assistance and time!
Thanks, access request is sent.
This is an accepted solution.
@EpicQuest it is fixed now. I noticed few errors on CSS and that was causing the rest of the CSS not to render properly
Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025