Viewing 7 replies - 1 through 7 (of 7 total)
  • threadi

    (@threadi)

    The necessary font Dashicons is not loaded at all. You would have to add this before you can use the icons from this font.

    Here is an article with 3 possibilities:
    https://www.buildthatwebsite.com/how-to-use-dashicons-wordpress

    Thread Starter startechmarketing

    (@startechmarketing)

    Hello I added the code already but I tried the one you suggested.

    // Enqueue Dashicons to load on the front-end
    
    add_action('wp_enqueue_scripts','dashicons_front_end');
    function dashicons_front_end() { 
    wp_enqueue_style('dashicons');
    
    }

    This loads fine on the browser, just not smartphones. The plugin Is YITH Woocommerce product add-ons. I contacted them but no answer. When I inspect the element in a browser it shows. I also checked the plugin style sheet. In their changelog say it fixed load dashicons.

    I found that in the plugin is a lot of code for enqueue

    wp_enqueue_style( 'yith_wapo_front', YITH_WAPO_URL . 'assets/css/front.css', false, YITH_WAPO_SCRIPT_VERSION );
    			wp_enqueue_style( 'yith_wapo_jquery-ui', YITH_WAPO_URL . 'assets/css/_new_jquery-ui-1.12.1.css', false, YITH_WAPO_SCRIPT_VERSION );
    			wp_enqueue_style( 'yith_wapo_jquery-ui-timepicker', YITH_WAPO_URL . 'assets/css/_new_jquery-ui-timepicker-addon.css', false, YITH_WAPO_SCRIPT_VERSION );
    			wp_enqueue_style( 'dashicons' );

    they even have a script to check functions

    maybe I have to wait for them to answer but is strange on the browser on a pc it is ok, it is just smartphones

    threadi

    (@threadi)

    It doesn’t load on my desktop either. I don’t see the font loading.

    You seem to be using some optimization plugin. Please disable it. Does it work then? Then it is because of this plugin.

    The plugin you used for this is a premium plugin. Therefore, you should definitely wait for a response from their support. Questions about commercial products are not allowed here in the forum.

    And one last note: since you are running a German website, you should follow the current privacy policy there. Currently your website loads several external files (Google Font, something from a printer …) before confirming the cookie consent. You should disable this. Recommendation is to store such files only locally or to load them only after confirmation.

    Thread Starter startechmarketing

    (@startechmarketing)

    Sorry about that I didn’t know.

    Hmm about the German website – we load the google fonts locally, I don’t know about the printer that is interesting. I don’t know where you see that or identify it. I will have a look.

    Thread Starter startechmarketing

    (@startechmarketing)

    I am using a plugin Complianz so everything should not load until after, can you tell me how you identifed this ?

    threadi

    (@threadi)

    You can see this in the Network tab of the developer tools from the browser. How to reach it is described here in relation to the JavaScript console: https://www.ads-software.com/documentation/article/using-your-browser-to-diagnose-javascript-errors/

    Thread Starter startechmarketing

    (@startechmarketing)

    Thank you very much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blank Square with X on smartphone instead of dashicon’ is closed to new replies.