- This topic has 14 replies, 5 voices, and was last updated 2 years, 5 months ago by Leo.
-
AuthorPosts
-
July 25, 2021 at 2:43 pm #1870614Mary Pearson
Re the WooCommerce shop on one of my websites https://beestea.ca/shop/
Computer layout is sidebar/content with 4 columns
Mobile layout is 1 column.
All has been good for years, until tonight when my client noticed that the mobile layout now has 4 columns, so the product titles are now showing broken words on several lines. Example:
Pack
age 3
With
Infus
er
MugAll looks good in Customizer view and on responsinator.com, but on my iPhone and her Android phone there are 4 columns instead of 1.
I contacted WooCommerce support and they said “The mobile layout is not controlled by WooCommerce but is mostly controlled by the theme the site is using” so I installed Twenty-Seventeen theme, and the layout on mobile works fine. It is just one column, as it should be. When I put it back to GeneratePress_child, it uses four columns again.
I must emphasize that you won’t see the problem on a computer. It looks as it should on computer (mobile view). It must be viewed on an actual phone.
Recently updated to WP 5.8
WooCommerce V5.5.2
GP Premium V2.0.3
GeneratePress theme V 3.0.4PS: I tried adding CSS but it didn’t help
@media screen and (max-width: 600px) { .woocommerce ul.products li.product { float: none !important; width: auto !important; } }
Would appreciate your input. Thank you.
July 25, 2021 at 10:37 pm #1870802ElvinStaffCustomer SupportHi Mary,
Can you check on Appearance > Customizer > Layout > WooCommerce and check this setting – https://share.getcloudapp.com/WnuxoDB6 – if it is set to 4 on mobile as well?
July 26, 2021 at 5:53 am #1871297Mary PearsonThank you Elvin. Yes, it is set to 1 column on mobile.
July 26, 2021 at 7:05 am #1871380DavidStaffCustomer SupportHi there,
shot in the dark, but can you try adding this PHP Snippet to your site:
add_action( 'after_setup_theme', function() { remove_action( 'wp_head', 'generate_add_viewport' ); add_action( 'wp_head', 'generate_add_viewport', 1 ); } );
July 26, 2021 at 7:33 am #1871422Mary PearsonYES David! That worked. Thank you so very, very much!!!!
July 26, 2021 at 7:48 am #1871440DavidStaffCustomer SupportAwesome – glad to be of help.
That will part of the next theme update – so once GP 3.1 is out and you update you can remove it.July 26, 2021 at 9:32 am #1871757Mary PearsonSounds good – although I probably won’t remember. LOL
July 26, 2021 at 11:15 am #1871881DavidStaffCustomer SupportWe’ll try and remind you if we can 🙂
July 26, 2021 at 12:04 pm #1871929Mary PearsonThat would be wonderful!!!! Thank you!
September 30, 2021 at 2:51 pm #1948685RandyHi David,
I’m on GP Premium 2.0.3 and noticed that I still have to use this add_action( ‘after_setup_theme’ in order for the product pages to appear correctly on mobile. Is that expected or was this intended to be fixed in this version?
Thanks!September 30, 2021 at 6:59 pm #1948777ElvinStaffCustomer SupportHi Randy,
This was added on GeneratePress 3.1.0 (a beta version) as shown here – https://github.com/tomusborne/generatepress/blob/a1340a4d0eb72057b78efdd5dc5477c921fc9241/inc/structure/header.php#L370-L380
You’re likely using the current official version which is 3.0.4 which doesn’t have this update yet.
You can download the beta version if you want on your accounts page in GeneratePress – https://generatepress.com/account/
October 1, 2021 at 7:21 am #1949293RandyI’m on GP Premium, so which is the equivalant version that will contain this update? Also, is it safe to download for production yet or should I wait?
October 1, 2021 at 9:48 am #1949633DavidStaffCustomer SupportHi there,
Its not GP Premium related. Its the Free theme, version 3.1 is in final stages of Beta Testing. I reckon it will be live in the next week maybe 2 maximum. I would wait for the update and just the code i provided in the meantime
October 1, 2021 at 10:04 am #1949665RandyHi David,
Can you clarify this please. When I go to my installed plugins, I have GP Premium, Generate Blocks and Generate Blocks Pro.I am using a child theme of Generate Blocks.
So how does that work in terms of when feautures/fixes get pushed to the free theme, do they then show up automatically in the child theme?
Also, related to this, is there a way to actually know if I’m using all three plugins, or for example, if I have Generate Blocks Pro activated do I really need Generate Blocks plugin also activated.
Not totally clear on the interplay among all these.Sorry if its a stupid question…
October 1, 2021 at 10:43 am #1949706LeoStaffCustomer SupportCan you please open a new topic for the separate questions?
Thanks!
-
AuthorPosts
- The topic ‘Mobile Layout Of WooCommerce Shop Has Changed’ is closed to new replies.