Remove loading screen

Store Design
, , ,
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