- This topic has 16 replies, 2 voices, and was last updated 1 year, 7 months ago by David.
-
AuthorPosts
-
August 29, 2022 at 6:20 am #2327096Chris
I have run GP Premium with the woocommerce module activated for a few years with no problems. In the last week the short description has disappeared from the view on a mobile device. When I check the view status for a mobile from my customise panel it shows it displaying, but when a customer views from a mobile it is missing.
I discovered the possibility of it being linked to the woocommerce module setting in GP by accident when I googled for information and the following support topic (June 23, 2021 at 2:37 am #1831941 – ) came up in search.
If I deactivate the woocommerce module, the short description returns on mobiles but my displays for all views in woocommerce are thrown out.
If I activate the woocommerce module, the views return to normal except on mobiles where the short description is missing and a large blank area is displayed.
I have gone through all steps (as listed) and nothing makes any difference. It has been fine for years until the last week.August 29, 2022 at 6:55 am #2327115DavidStaffCustomer SupportHi there,
can you share a link to a page where we can see the issue ?
August 29, 2022 at 7:01 am #2327129ChrisThis is one of my product pages, at present the woocommerce module is disabled so the display is thrown out – on desktop the add to basket and price selector are misaligned and I am told on mobiles the short description is a narrow section down the right side instead of being under the image.
https://celticearthspirit.co.uk/product/rewild-your-knowing-buy-course
August 29, 2022 at 7:08 am #2327135DavidStaffCustomer SupportCan you enable the Woo module and disable any cache / optimization plugins so i can see whats going on ?
August 29, 2022 at 7:11 am #2327139ChrisI have disabled WP-Optimise and enabled the woocommerce module
August 29, 2022 at 7:14 am #2327142ChrisThat has just sorted the problem, it didn’t when I did it earlier
August 29, 2022 at 7:14 am #2327145DavidStaffCustomer SupportIf i check the site now, i can see the Short Description on all devices. And its behaving responsively.
Can you clear any device / browser caches and check?
If its working for you, re-enable the WPO plugin and ill take a look to see whats going on with that.August 29, 2022 at 7:20 am #2327152ChrisAugust 29, 2022 at 7:20 am #2327153DavidStaffCustomer SupportIf you want us to check with WPO enabled – let us know 🙂
August 29, 2022 at 7:21 am #2327157August 29, 2022 at 7:22 am #2327160DavidStaffCustomer SupportOK, so WPO is caching the desktop CSS and loading it after woocommerces mobile CSS.
Aside from talking to the WPO author on how to stop that, you can add this CSS:@media only screen and (max-width: 768px) { .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { float: none !important; width: 100% !important; } }
That should fix it 🙂
August 29, 2022 at 7:24 am #2327162ChrisPresume if I pop that into my ‘other css’ it is the right place? Tried it there and no change, still missing
August 29, 2022 at 7:31 am #2327166DavidStaffCustomer SupportThat should be ok.
Can you clear the WPO caches ?August 29, 2022 at 7:33 am #2327167ChrisCleared WPO caches and still not showing, think I may need to change my optimisation plugin.
August 29, 2022 at 7:41 am #2327177DavidStaffCustomer SupportAah… in your CSS the line before the CSS i provide i see:
}.
That
.
is breaking the code below it.Delete ALL the CSS in the Addtional CSS and add this:
.sidebar .widget { font-size: 14px; text-align: center; } @media only screen and (max-width: 768px) { .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { float: none !important; width: 100% !important; } }
-
AuthorPosts
- You must be logged in to reply to this topic.