- This topic has 10 replies, 3 voices, and was last updated 4 years, 8 months ago by
Giacomo.
-
AuthorPosts
-
July 8, 2021 at 12:05 am #1848472
Giacomo
On mobile, the introductory part of the woocommerce single product page is not visible. The user sees the image, a huge white space (to scroll for a few seconds) and then the additional information.
Basically the button to order is missing: D
If I deactivate the “woocommerce” module, everything reappears, even if the graphics are messy.
You can help me? Thank you ๐link to product: https://www.diventarefelici.it/risorsa/indipendenza-emotiva/
July 8, 2021 at 12:39 am #1848494Elvin
StaffCustomer SupportHi there,
Can you put up a clone of the site on a staging site w/ woocommerce module enabled and link us to it? So we can observe what may be going wrong w/ it.
You can use the private information text field to link us to the page. Let us know. ๐
July 8, 2021 at 2:35 am #1848608Giacomo
In the staging works…
July 8, 2021 at 4:25 am #1848678David
StaffCustomer SupportHi there,
is the Woo module still enabled on the site URL you shared?
As its loading correctly for me.July 8, 2021 at 4:44 am #1848694Giacomo
No, the module is deactivated.
This is a staging site link to a woocommerce product page (in the staging site the module is active): https://www.staging7.diventarefelici.it/risorsa/colazione-positiva/July 8, 2021 at 5:25 am #1848725David
StaffCustomer SupportSo it works fine on the staging … can you re-enable the module on the live site and clear any caches so i can see the error?
July 8, 2021 at 7:03 am #1848842Giacomo
Done
July 8, 2021 at 7:15 am #1848845David
StaffCustomer SupportLooks like the cache/optimization plugin is messing with the CSS load order.
You can test that by temporarily disabling it.If its an issue with the cache then add this CSS to force the mobile layout into place:
@media(max-width: 768px) { .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none !important; } }July 8, 2021 at 7:55 am #1849022Giacomo
Yes,
is wprocket ๐
With your code now wordks ๐
In future update of caching plugin i can try to delete this css code?July 8, 2021 at 8:18 am #1849048David
StaffCustomer SupportYou can try removing it later – not sure it will fix it though. When WP rocket optimizes the code it doesn’t always maintain the correct order of things – so this kinda thing can happen, and a little CSS to fix it isn’t really a problem ๐
Glad to be of help.
July 8, 2021 at 9:19 am #1849112Giacomo
Thanks David,
Top ๐ -
AuthorPosts
- You must be logged in to reply to this topic.