arrows display fine in Chrome but not in edge or mobile

Hi @mangopango,

Greetings from WebToffee support.

The issue with the arrows seems to be due to conflict with your theme. Please try enabling the Override theme’s template option from the plugin settings page.

Also, to help us better understand the issue please share the screenshots of the related product widget from a laptop and an android device with the Chrome browser.

Here are the screenshots.

Also I already have enabled the theme’s template

Hi @mangopango,

It seems like a compatibility issue with your theme.

Please refer to this article to resolve the issue:?https://www.webtoffee.com/test-for-theme-conflicts-in-related-products-for-woocommerce/

As mentioned previously I’ve already enabled the override theme template. So I’m not sure what else to do here. Please advise.

Hi @mangopango,

Thanks for sharing the information.

It seems like the dashicons are not being loaded on the front end.

To enable them on the front end of the site you may copy the code snippet from below and paste it into your active theme’s function.php file (WordPress Dashboard > Appearance > Theme Editor > functions.php) or you can use the <u>Code Snippet</u> plugin to do that for you.

function qode_use_dashicons_on_front_end() {
wp_enqueue_style( 'dashicons' );
}
add_action( 'wp_enqueue_scripts', 'qode_use_dashicons_on_front_end' );

Let me know how it goes.

Hi @mangopango,

We haven’t heard back from you for a while. We hope you were able to fix the issue by adding the code snippet.

As this thread has been inactive for a while, we are marking it as resolved.

Sorry I was on holidays and missed reading your update. I have just placed your code snippet in my functions.php child theme it works beautifully. Thanks heaps for your help ??