White Screen When Pressing Back

Solved

White Screen When Pressing Back

ExceptionalVape
Visitor
2 0 1

Hi all,

 

I was wondering if anyone why anyone could explain why this happens? This only happens on live themes...i've tried to replicate it on themes that aren't live and it works perfectly. I've made a backup of the current theme and click preview and the back button white screen thing isn't an issue but on the live theme it is.

 

I've gone through all the recommendation like changing browser, clearing cache etc, tried mobile and laptop as well as desktop. I've even got someone else somewhere in the country to try it and it is the same for him too.

 

I've tried adding the lines of code i've seen knocking around in the theme.liquid file and that doesn't seem to do anything.

 

I am using a theme I purchased off TemplateMonster and have configured it to how i want it but it won't allow us to go back in any way.

 

A lot of people were talking about animations but I couldn't find anything there to remove that side, i've tried the 3 lines of code above the </head> and that didn't work.

 

It's the only thing stopping the site going live.

 

URL is: evwholesale.co.uk

Accepted Solution (1)

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

Hi @ExceptionalVape ,

 

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find style.scss.css file

Step 2: Insert below code at the end file and Save them

#page_preloader__bg {
   background: unset !important;
}

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 3 (3)

BSSCommerce-TC
Shopify Partner
215 46 49

This is an accepted solution.

Hi @ExceptionalVape ,

 

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find style.scss.css file

Step 2: Insert below code at the end file and Save them

#page_preloader__bg {
   background: unset !important;
}

If our suggestions are useful, please let us know by giving it a like, marking it as a solution.


MIDA: Heatmap, Record & Replay |BLOOP Referral Program, Reward |

Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Kyle_Poieo-Dev
Shopify Partner
43 4 8

You have this element here: 

Kyle_PoieoDev_0-1720629339639.png

"page_preloader__bg" is what's covering the site when you go forward and back. This elements style appears to be being updated by a <style> tag close to the top of your site. Looks to be an animation from the theme you purchased? 

 

Screenshot 2024-07-10 at 9.37.08 AM.png

You can disable this entirely by using custom CSS to "display: none" this element. Without knowing more, this is what I would suggest.

 

-

Need a Shopify developer? Send me an Email


- CEO & Lead Developer at Poieo Dev
- Shopify Design Changes | Shopify Custom Coding | Custom Modifications | SEO | E-Commerce Management
Poieo Dev

ExceptionalVape
Visitor
2 0 1

I resolved this issue myself but opening the page in chrome and using the inspect tool. I noticed that it pointed toward a section of code which called on a preload. I removed that and it seemed to work just fine now.