[Resolved] Archive page not working on Safari

[Author]

Posts

[hoogeshD]

I am trying to:
Get the template right.

Link to a page where the issue can be seen:
hidden link

I expected to see:
See attached.

Instead, I got:
See attached.

[Minesh]

Hello. Thank you for contacting the Toolset support.

That is strange.

In order to minimize the cause of the issue and to ensure there is no conflict with the plugins/theme you use:

Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme (twentytwentyone) to check for any possible conflicts with any of the plugins or themes?
- Do you see any difference?

[hoogeshD]

Hello Minesh,
Thanks for getting back to me.

Switching to the default Twenty Twenty-Five theme isn’t really a viable option, since it would break the entire layout and all the functionality we’ve set up.

The page works fine in all other browsers, so the issue seems to only happen in Safari. It doesn’t look like a theme or plugin conflict.

I would appreciate it if you could help troubleshoot specifically for Safari compatibility.

Cheers,
Hoogesh

[Minesh]

Can you please send me admin access details and let me check what would be the possible solution.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Unfortunately - the shared admin access details is not working at this end.

Can you please send me working admin access details.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now: hidden link

This is due to class added by astra theme that was not working properly with the said browser.

I've added the following custom CSS code to your archive's custom CSS box:
=> hidden link

@supports (-moz-appearance:none) {
  .ast-row { display: block !important; }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
   .ast-row { display: block !important; }
}

More info:
- https://toolset.com/course-lesson/adding-custom-css-to-templates-archives-and-views/#steps-for-adding-css-to-a-wordpress-archive

Can you please check now it works as expected.

[hoogeshD]

Oh wow. Thank you heaps Minesh for looking into this. This is working as expected.