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!
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)
1 Like
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?
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
