Product Page's top part greyed out once reload/loaded

[JayneFGulbin]

Hi everyone, 

Would need someone to check our site why this looks like this when loaded. This happens not really on all products (we've got lots so I cannot really pinpoint) and only happens on smaller viewpoint (see screenshot)

But every time I scroll down, it goes back to normal. I'm willing to pay a little. I just need someone to help me identify what's causing the issue, I can probably just resolve it once I can find out what it is. 

Sample link: https://www.nikkiajoycosmetics.com.au/products/matte-base-primer (view on smaller viewpoint)

Tried checking console, css and everything but still can't find it. I've also had reuploaded the theme.
Any help/idea will be greatly appreciated!

[EvinceDev · Accepted solution]

Hello @JayneFGulbin,

There is css issue, just remove it will resolve your problem see attached image.

Selector path: 
#t4s_tab_tab_html_cqghCz (For this product)

#ProductInfo-template--template--17262008631525__main__main > div.t4s-product-tabs-wrapper.t4s-product-tabs-wrapper-template--17262008631525__main.is--tab-design__accordion.is--tab-design-mb__accordion.is--tab-position__inner.is--tab-layout__full > div > div > div.t4s-tab-wrapper.t4s-active > div(To find this div in other product's)

[JayneFGulbin]

Thank you so much for this! 

It did resolve the issue but I am now working on completely removing the delay. Do you have an idea if this is because of a js? Or this is purely just css?

[EvinceDev]

Hello @JayneFGulbin ,
These two element causing grey background issue. Removing any one of them or both will fix the issue without delay.

div selector: #t4s-fbt__frmtemplate--17262008631525__main > ul > li.t4s-fbt__item.t4s-fbt_item-0.is--checked > img
span selector: #t4s-fbt__frmtemplate--17262008631525__main > ul > li.t4s-fbt__item.t4s-fbt_item-0.is--checked > span.lazyloadt4s-loader.is-bg-img