Home Forums WoodMart support forum Google Mobile Render Issues JS/CSS

Google Mobile Render Issues JS/CSS

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #49957

    Cory
    Participant

    Hey there, I’m attempting to optimize my site and I’ve noticed when rendering using the google admin tools, attempts to load individual CSS and JS files from the theme are invalid or unresponsive – I’ve disable Minify (CSS/HTML/JS) in the theme settings. I am using WP Rocket without and minification settings active, yet google is still trying to fetch both minified and full scripts without success. Any advice on resolving this issue? Screenshots attached

    #49997

    Artem Temos
    Keymaster

    Hello,

    Seems that you have forgotten to attach a screenshot. Could you please upload it and describe how can we reproduce the problem?

    Regards

    #50132

    Cory
    Participant

    See private

    #50140

    Cory
    Participant

    See also google mobile test, basically it’s telling me that I’m no longer dynamically sizing and the site isn’t loading anything mobile other than links

    #50181

    Artem Temos
    Keymaster

    Hello,

    We don’t know why Google gives you that errors since we don’t see them on your website and it works correctly both on mobile and desktop devices.

    Regards

    #50674

    Cory
    Participant

    I’ve figured out the issue I’m having but now I have an issue where the category icons aren’t lining up and there is overhang, see screenshot in private

    #50684

    Hello,

    What browser do you use? Also, what do you mean “are not lining up”? Give more details, please

    Best Regards

    #50712

    Cory
    Participant

    Refer to the dropbox image link provided, the icon is pushing the ” number of products” down a line and breaking the formatting for one of our category svg icons

    #50718

    Cory
    Participant

    I use Safari, see above

    #50754

    Bogdan Donovan
    Keymaster

    Hi,

    Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    .woodmart-product-categories .category-nav-link .category-products-count {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
    }
    
    .woodmart-product-categories .category-nav-link .cat-count-number {
       margin-right: 3px;
    }

    Regards

    #50877

    Cory
    Participant

    That did the trick, thanks so much!

    #50891

    You are always welcome. If you have any questions feel free to contact us.

    Best regards

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Google Mobile Render Issues JS/CSS’ is closed to new replies.