Shopify themes, liquid, logos, and UX
How do I remove the white screen on my home page? I saved, went to my homepage, and the screen went white. I'm guessing something is broke but I have no idea how to fix it. I tried to revert the theme to its previous edit and that didn't work. Does anyone know how to fox this blank white screen? The only thing that shows up is the footer. Everything else is just white.
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
that was issue your animation css bt can you try this code its work
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
.cc-animate-enabled [data-cc-animate] {
opacity: 1;
}
.site-control {
background-color: #a7555a!important;
}
yes that code works except the header photo is still not showing up. it looks like this:
sorry i can't see code you have remove?
I can re-add it. I'm just confused on what i did? why do we have to add this extra code? did i delete code that was already there?
i can't see above code
it's there now.
sorry i can't see
if possible to anydesk for your systerm so i will check
hm i added the code and it did nothing.
yes now its working fine
Hi I am having the same issue. My home page is just turned completely blank out of no where. How can I fix this please!! My theme is "Block Shop"
yes please share store
i tried to take the step you said but when i click on the asset button it dose not show the style
hello my friend. i have the same problem. my website is hueshoppen.dk, but its not released. thank you
Hi @bohlster,
Please follow these steps:
Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > style.css and paste this at the bottom of the file:
.cc-animate-enabled [data-cc-animate] {
opacity: 1 !important;
}
.site-control.nav-inline-desktop {
background-color: #a7555a !important;
}
And the slideshow is currently not working well with the lazyload, it can't set background image for image: https://i.imgur.com/7l8gdg9.png
Go to file Sections > slideshow or the file is containing the code of the slideshow and replace this, it will work fine. https://i.imgur.com/dvFhHEO.png
Hope it helps!
Please mark as a solution if you find my comment helpful. Thanks and good luck!
Hello, I am having the same problem, can someon help?
oh sorry for trouble
can you please share your store url so i will check and let you know
can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.js .PageTransition {
display: none;
}
Hello, please I am having similar issue described above. Here is my website address: dorissimeoncollection.com
Thank you
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025