New Arrivals Section on Homepage Not Displaying Properly - Halo Theme

[LeanneJ12]

Hi,

Not sure if anyone can help but the New Arrivals section on my Halo theme homepage is not displaying properly anymore.  As the page loads it displays correctly for a couple of seconds and then becomes squashed text with no image and have no idea what has happened here. Any ideas?

Website is www.pictureperfectinteriors.co.uk

Displays correctly as the homepage is loading...

Then looks like this when then page finishes loading...

Thank you

[farantariq93]

Hi. You need to place the below CSS code to fix the problem. This fix is for the images that are not showing correctly on larger screens. I will provide the text fix in the next reply.

1. Go to Themes > Edit Code (click on 3 dots before Customize button)

2. Search for base.css and add the below code at the end of the file.

@media (min-width: 1025px){
.halo-block .halo-row.column-5 .halo-row-item{
width: 20% !important;
}
}

 Hoping, it will fix the problem.

[LeanneJ12]

Hello @farantariq93 

Thank you for the code but unfortunately it is not working. This section of the homepage has displayed fine for months but as I have viewed it today it no longer displays properly. Even if I try to replace this section with a new product block it presents the same way. I am so confused 😞

Thanks anyway.

Best wishes,

[farantariq93]

I think some custom script is disturbing the product image URLs due to which product images are not showing.

[LeanneJ12]

Ah OK, is there a way I can identify the specific issue?

[farantariq93]

The script is changing image url. One of the leads is to look for problem in timesact.js file.

[LeanneJ12]

Hi @farantariq93,

Thank you for that information. I will reach out to the relevant team now.

Thanks again for your help.

Best wishes,

[LeanneJ12]

Hi  @farantariq93,

Further to your response yesterday, do you know exactly what the issue is with the timesact.js file? I have reached out to the relevant team but they state there is no issue with their code.

Best wishes,

Leanne

[njaede]

Hello! We are using halo theme also and encountering the same issue now. How were you able to fix it?

[farantariq93]

If you are having the same problem, try this code.

1. Go to Online Store > Themes > Edit Code (Gear Box)
2. Find base.css or theme.css
3. Add below code at the end of the file.

.card-product__wrapper .card-media{padding-bottom: 100% !important;}

It will fix the problem.