Large gap between shop title and product images on the shop page

Support
#1

Hello,

I can’t figure out how to decrease the large spacing between the shop title (woo commerce) and the product images. I would also like to edit the options in the “sort by” feature, or else hide that feature altogether. Can you please help?

Thank you,
Laura

#2

Hello @llart3,

Thanks for asking. :slight_smile:

Can you please share website URL as I would like to see the setup for shop title and prouct images? As for editing the options in WooCommerce sort function, you can refer following tutorials:



If you would like to hide filter option, please add following CSS:

form.woocommerce-ordering {display: none;}

Thanks.

#3

Hello and thank you for your reply –
The shop URL is http://www.lauraletchingerart.com/shop

Thank you,
Laura

#4

Hello Laura,

Thanks for sharing website URL. You can add following CSS under X > Launch > Options > CSS to reduce the spacing:

.page-description {display: none;}

If you would like to further reduce the gap please add following CSS:

.woocommerce .entry-header.shop {margin-bottom: 25px;}

Thanks.

#5

Thank you!
That worked.

Best,
Laura

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.