- This topic has 13 replies, 4 voices, and was last updated 1 year ago by
Tom.
-
AuthorPosts
-
March 19, 2020 at 1:09 pm #1199935
Olivier
Hi
For all products page i have the same problem, and i don’t find a solution…
I have the product on “two columns” only with the mobile Google Chrome and mobile Safari.
The configuration is OK and all WP + plugins are update.Can you help me ?
Thank you
https://ibb.co/r4K66J2
https://ibb.co/Sy55Wbm
https://ibb.co/jVLCYgHMarch 19, 2020 at 4:22 pm #1200058Tom
Lead DeveloperLead DeveloperHi there,
It looks like the mobile stylesheet for WooCommerce is missing. Can you try disabling WP Rocket to see if it’s causing the issue?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMarch 20, 2020 at 5:54 am #1200453Olivier
Hi Tom
Perfect ! It’s WP Rocket.
I search the just configuration for this web site !
Thank you π
Have a nice dayMarch 20, 2020 at 6:23 am #1200474Olivier
I must desactive this option for mobile to see perfect, only for Chrome/Safari Mobile !!?? : https://ibb.co/7t02CL7
It’s strange…March 20, 2020 at 6:29 am #1200482CCL Live
you can add this in the css:
@media (max-width: 767px) {
.generate-columns {
padding-left: 0 !important;
}
}and activate wp-rocket for mobile, it worked for me !
March 20, 2020 at 6:47 am #1200513Olivier
Thank CCL Live, but this solution don’t work for me π
Tom, i must contact WP Rocket Support or have you a solution with CSS ?
Thank you
March 20, 2020 at 7:04 am #1200690David
StaffCustomer SupportHi there,
it would be best to raise the issue with WP Rocket as its there plugin that is causing the issue.
You can of course try forcing the columns with some CSS like so:
@media(max-width: 768px) { .woocommerce .wc-columns-container.wc-columns-3 .products { -ms-grid-columns: (1fr)[2] !important; grid-template-columns: repeat(2,1fr) !important;; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/March 20, 2020 at 8:38 am #1200776Olivier
Thank you David OK, i contact the support WP Rocket.
But this CSS don’t change the style, i have the same problem.March 20, 2020 at 8:46 am #1200785David
StaffCustomer SupportWhere did you add the CSS?
Could re-add it and clear your cache. Let me know.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/March 20, 2020 at 9:31 am #1200834Olivier
Is on CHILD and Apparence directly for test to : https://ibb.co/0ZvNx8C
I have clear all cache.March 20, 2020 at 4:29 pm #1201104Tom
Lead DeveloperLead DeveloperYou may need to use a child theme style.css or our “Simple CSS” plugin to add it. Looks like the Customizer needs to be updated to allow some CSS Grid attributes.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMarch 21, 2020 at 1:48 am #1201296Olivier
Yes Tom I have just test in Apparence.
it’s in my Child Theme π
But nothing changeApril 12, 2020 at 4:33 pm #1236673Olivier
Hi
This is an option of WP Rocket the trouble : “Optimiser le chargement du CSS”
I must desactive this and it’s work πThank you for your help.
Have a nice day
April 13, 2020 at 9:16 am #1237552Tom
Lead DeveloperLead DeveloperGlad you got it sorted π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.