Return to previous page

Product category pages showing empty spaces on mobile

This topic has 7 replies, 3 voices, and was last updated 3 years, 2 months ago ago by Olga Barlow

Kelvin

Participant

September 29, 2021 at 14:08

I’m using XStore on a WooCommerce build and on mobile, we’re getting strange empty spaces on product category pages. It seems to be ok on other pages.

I’m thinking it could possibly be linked to the number of lines on a product title, but I don’t see why that should break it, or why it wouldn’t affect other pages.

Please, contact administrator
for this information.

#303942 Copied Theme version: 8.0.7 WooCommerce version: 5.8.1

6 Answers

Kelvin

Participant

September 29, 2021 at 17:54

I’ve go into Developer Mode (mobile) on browser and tried a few things – If I reduce the product title to two lines (same as other products on the same line) it fixes the gap.

Need a solution to this though, as we can’t have all our products the same title length.

#303971 Copied

Kelvin

Participant

September 29, 2021 at 18:22

Sorry, one more thing. When I add clear:both to some of the product divs, it helps fix it.

#303973 Copied

Kelvin

Participant

September 30, 2021 at 23:24

Can someone please come back to me on this? I’m having to compromise things on the website in order to work around this issue.

#304061 Copied

Rose Tyler

Support staff

October 1, 2021 at 09:36

Hello,

Sorry for the delay in answering.
Could you provide a screenshot of the problem, or URL of page where the empty space persists?
Theme Options > WooCommerce > Shop > Products style > Product Title Limit By > Lines, set 1 line

Regards

#304103 Copied

Kelvin

Participant

October 1, 2021 at 13:11

I don’t have a live link to show anymore as I’ve had edit all my titles to temporarily fix the issue.

I’ve got screenshots of the problem here:

Desktop: https://snipboard.io/GNPR0Q.jpg
Mobile: https://snipboard.io/HqT3DN.jpg

Some products need to be 2 or 3 lines long for the title. I can’t just have 1 line.

#304155 Copied

Olga Barlow

Support staff

October 1, 2021 at 20:36

Hello,

Check now, please.

Regards

#304224 Copied
Tagged: best selling, empty spaces, mobile, persuasive, product category, themes, woocommerce
Viewing 7 results - 1 through 7 (of 7 total)