Remove loading screen

Store Design
, , ,

Topic summary

A user encountered a persistent loading screen on their website with no built-in option to disable it.

The initial solution involved adding CSS code to hide the loading screen:

  • Navigate to Online Store > Themes > Customize
  • Add the following code to the Custom CSS field:
body .transition-cover {
  display: none;
}

However, this didn’t work initially because the code was placed too late in the stylesheet (line 8791), delaying its execution.

Final working solution:

  • Go to Online Store > Theme > Edit Code
  • Navigate to the base.css file in the Customizer
  • Add the CSS code at the end of the file for better placement and earlier execution

The issue was successfully resolved with the corrected code placement.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hello everyone. I hope you are all doing well.
When I open my website, I see a loading screen. There is no option to disable it in settings. Would anyone be able to give me a solution to fix this? If you wish, you can provide code as well.

Any help will be greatly appreciated :slightly_smiling_face:

Store URL: https://kaeactive.com/

2

Hi @Digital_Imran

We can do this through CSS.

To get started, follow these steps:

  1. Log in to your Shopify Admin panel.
  2. Go to Online Store > Themes > Customize.
  3. In the Customizer, navigate to the Theme settings and add the below code in the Custom CSS field.
body .transition-cover {
    display: none;
}​
1 Like
3

Thanks @Roy_12 for the response. However, the loading screen is still on the website. Could you please check the code? Any help will be highly appreciated

4

Hey @Digital_Imran ,
Great job adding the code. There is one small issue. The code is working but it is working late due to the placement of the code. Its currently placed at line 8791 which is delaying its execution.

Roy_0-1721817416410.png
Roy_0-1721817416410.png1515×300 25.4 KB

Lets do this, please follow the below steps for better placement:

  1. Log in to your Shopify Admin panel.
  2. Go to Online Store > Theme > Edit Code.
  3. In the Customizer, navigate to the base.css file and add the given below code at the end.
body .transition-cover {
    display: none;
}​​
1 Like
5

Thank you so much @Roy_12 . It works :grinning_face_with_smiling_eyes:

1 Like