Docs

[Eric]

Hi! We seem to be having an issue with 2 category pages on mobile where the page is severely jumbled. Could you take a look at this and see what the issue could be. They were fine until a couple weeks ago.

These are the pages and attached are what they look like on mobile.

https://www.rosebudveneer.com/product-category/raw-wood-veneer/

https://www.rosebudveneer.com/product-category/2-ply-wood-veneer/

[Rupok]

Hi there,

Sorry to hear that you are having trouble. I guess it’s causing by something on your Child Theme. Let’s try enabling X over Child Theme and check again clearing your cache.

Let us know how it goes.

Cheers!

[Eric]

Yep that’s where the problem is, but I’ve lost all the custom css that the child theme was using. Do I need to update the child theme?

[Eric]

Ok I updated the child theme to the latest one and it has fixed the issue on mobile. Thank you. Couple of issues though, before the product images were all the same sizes and consistent. Now they are mix of different sizes. And I had removed the “Add to cart” hover and its now back. Here is the css I had originally but it not changing the image sizes:

.woocommerce div.product .images {
text-align: center;
}
.woocommerce div.product .images .x-img {
margin: 0 auto;
float: none;
display: inline-block;
}

.woocommerce li.product .entry-header h3, .woocommerce-page li.product .entry-header h3 {
font-size: 138%;
line-height: 1.05;
margin: 0;
padding-bottom: 0.5em;
transition: color 0.3s ease 0s;
}

[Christopher]

Hi there,

Are you referring to shop/archive page? if so, please add following code :

.woocommerce li.product .entry-featured {
    height: 150px;
}

Hope it helps.

[Eric]

Thanks Christopher. We’re almost there! There are couple that are still not the same size as all of them. Take a look at this page: https://www.rosebudveneer.com/product-category/raw-wood-veneer/ Top row, look at the Anigre Figured product.

[Joao]

Hi Eric,

The best solution would be to re-upload those images that are different with the same size as the correct images.

Ideally all the images should have the same size, but since you have just a few that are bothering you, try doing that just on those images, this would be the cleanest solution.

Hope it helps

joao

[Author]

Posts