- This topic has 13 replies, 3 voices, and was last updated 3 years, 4 months ago by
Leo.
-
AuthorPosts
-
September 12, 2019 at 2:16 pm #1008169
Renaldo
Good Evening
I have just created a subdomain, so we can launch our website in another country. We cloned the website over to the subdomain and everything works. It is just the mobile version of the products displayed on mobile does not look correct. Not sure if there is CSS conflict with the newly updated woocommerce.
The products don’t display correctly. And are not aligned as it should when viewing the homepage or pages.
Please, could you assist?
September 12, 2019 at 2:21 pm #1008173Leo
StaffCustomer SupportHi there,
I’m unable to get the linked page to load.
Can you double check?
Let me know ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 12, 2019 at 2:38 pm #1008178Renaldo
Hey there
September 12, 2019 at 2:40 pm #1008181Leo
StaffCustomer SupportHmm that’s the same link in the original topic.
It’s just loading a blank page for me:
https://www.screencast.com/t/0I25OQsVg4Can you double check?
Thanks ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 12, 2019 at 2:44 pm #1008183Renaldo
The link is working on my side?
That is very strange. Could you perhaps try a mobile device?
September 12, 2019 at 2:46 pm #1008184Leo
StaffCustomer SupportIt’s working now.
Can you first purge and disable WP Rocket?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 12, 2019 at 2:49 pm #1008185Renaldo
Okay, we have done that.
You can compare the site to our botthms.com site. And see the differences
September 12, 2019 at 2:54 pm #1008189Leo
StaffCustomer SupportHmm the two sites seem to have different HTML.
The old one is using GP’s columns for WooCommerce and the new one is using WooCommerce blocks?
Have you checked with their support by any chance?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 12, 2019 at 3:00 pm #1008191Renaldo
How do we resolver this? As mentioned we just cloned the site and updated woocommerce?
What suggestions do you have for us?
September 12, 2019 at 3:09 pm #1008196Leo
StaffCustomer SupportHow did you clone it?
The two sites are showing pretty different HTML markup:
https://www.screencast.com/t/n9zhpFrM915It was all good before the WooCommerce update?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 12, 2019 at 3:14 pm #1008198Renaldo
Cloned it inside of kinsta. And just added to the subdomain. So nothing was really changed.
Just updated the plugins. Any suggestions? Should we repeat the process by recloning or get a developer?
Because we are using a childtheme for the botthms.com website
September 12, 2019 at 3:31 pm #1008212David
StaffCustomer SupportHi there,
so the Wooocommerce Blocks Plugin was updated on your cloned site. This brings significant changes to the markup which is why the columns are broken.
Try this CSS to fix the columns:
.wc-block-grid__product { box-sizing: border-box; } @media (max-width: 768px) { .wc-block-grid.has-3-columns .wc-block-grid__product { flex: 1 0 50%; max-width: 50%; } }
The missing details like review stars, you will need to edit the page and check to see if that is an option on the Block.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 13, 2019 at 9:36 am #1008829Renaldo
Good day
This looks like it has been resolved. Can we activate WP Rocket again?
Thanks for assisting.
Kind Regards
September 13, 2019 at 2:29 pm #1008948Leo
StaffCustomer SupportYup you can activate it back now.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.