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
  • March 30, 2018 at 1:29 am #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

    March 30, 2018 at 7:48 am #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

    March 30, 2018 at 5:58 pm #50132

    Cory
    Participant

    See private

    March 30, 2018 at 7:27 pm #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

    March 31, 2018 at 1:56 pm #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

    April 3, 2018 at 6:02 pm #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

    April 3, 2018 at 6:50 pm #50684

    Elise Noromit
    Member

    Hello,

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

    Best Regards

    April 3, 2018 at 7:55 pm #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

    April 3, 2018 at 8:53 pm #50718

    Cory
    Participant

    I use Safari, see above

    April 4, 2018 at 6:40 am #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

    April 4, 2018 at 6:53 pm #50877

    Cory
    Participant

    That did the trick, thanks so much!

    April 4, 2018 at 8:03 pm #50891

    Elise Noromit
    Member

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

    Best regards

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

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