Mobile Category View Error

Categories on shop page, mobile view, is out of alignment. (Some images lower/higher than others – not inline)

Strange because I have the same categories on the homepage with the same settings and this is fine.

Please advise.

Attachments:

You must be logged in to view attached files.

Hello,

This is caused by the different lengths of titles. We can improve that with custom CSS.

Please add this code to the Theme Settings > Custom CSS > Global:

body .category-grid-item .wd-entities-title {
min-height:80px;
}

If you have any questions please feel free to contact us.

Best Regards

Okay I will try this. But if this is the problem, then why is it okay on the homepage with the same titles?

Please see the screenshots as an example of what I am referring to.

Attachments:

You must be logged in to view attached files.

Hello,

I do not see this problem on the home page, could you give the page URL?

Best Regards

Yes, this is correct and the point I was trying to make. The homepage view is perfect and is almost identical, so the title length can’t be the issue…

Hello,

Please change the Masonry grid for the Default. https://monosnap.com/file/1VnHvKXNUDkCKj3yKwXKoRMXqPf2qu

You can find the option in Theme Settings > Shop.

If you have any questions please feel free to contact us.

Best Regards

Works, THANK YOU! 🙂

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts