Woocommerce upgrade to latest version issues

Hey there!

Were you able to change the settings in the customizer for the columns? That would allow you to set it to the amount you were wanting, and then it should work for you.

HI

Yes I changed the % to smaller for column sizing in CSS.
That worked.

There are always lots of formatting issues after upgrading to the latest version of Woocommerce between Ipad, phone and normal PC which is time consuming.

And sometimes I cannot figure out how to fix things. I will add to this post as there are other things needing fixing also.

Thx
Kristin

Hi @kristinubute we haven’t heard back from you in a while. Did you have further questions on updating WooCommerce or were you able to get everything working?

Hi,

I have fixed with CSS lot of little coding.

One main thing is my mobile version, where my Category Product Main Title on each Category area has disappeared on the mobile version. And also my Breadcrumb.

Don’t know the exact coding to get it back which is frustrating.

It’s only since the ugprade and worked perfectly before that on the phone.

Thx
Kristin

Can anyone help with this issue ?

Thanks
Kristin

Please post the url to a page where this is happening.

Hi

It is on my test site which is on maintenance mode with the ugpraded version of Woocomerce and WordPress.

Can’t see it until you are logged in.

Can I send details privately ?

Will I do printscreen ? Can I upload via here ?

Thanks
Kristin

Unfortunately forum rules advise against sharing credentials via the forum. A printscreen is no good because its necessary to examine markup and styles with browser tools. Can you open the site and post the url in the format: mysite dot com, should be fairly private that way. Otherwise come back when its live.

HI

The site is live but without the upgraded Woocomemrce version, AND I still have my test site with the upgraded version with formatting issues on mobile. So 2 sites going.

I cannot upgrade the Woocommerce version live with strange formatting client would have a heart attack !

Can’t have the site live with mobile with no Category titles displaying at all.

What is the best way via CSS to enable something to display then possibly ?

Eg. when you want something NOT to be shown in css we always put the coding and display: none …

Can I do the opposite somehow if I know the coding for the Category Title then add display: and something to make it show ?

It’s like it is hidden for some reason on the mobile version.

The coding for the Category Title for each PAGE of products is:

.woocommerce-products-header H1

The standard title that is displayed on ALL Product CAGEGORIES at the top of the title.
I hope you know which heading I am referring to. Hopefully I haven’t confused you which Title I am referring to.

And the Breadcrumb has disappeared on mobile also.

If I put in some CSS code to MAKE it visible in the @media mobile section of coding.
Any ideas ?

Thanks
Kristin

Its the dev site a helper would need to see, not the non-upgraded live site.

You can put the url here:
https://jigsaw.w3.org/css-validator/
The service will list all the css in the page. You are looking for something like: .woocommerce-products-header H1 {display: none;}
See where that’s coming from, and the media query around it. Is it somewhere it can be edited? Other wiseput ditto but display:block !important; to overwrite it in custom css.

Difficult to help without seeing the page.

HI, I am using WP Touch plugin for mobile.

It was 100% working on Woocommerce 3.2.6 no issues at all on mobile and since the Woocomemrce upgrade to 3.3.5 not showing the headings for Category pages only.

I tried that code previously but doesn’t work to bring it back.

THanks
Kristin