Removing padding, and moving filter on collection page

Store Design
, , ,
1

This is how my collection page looks currently

gihan7575_0-1713249659058.png
gihan7575_0-1713249659058.png1918×915 253 KB

This is how I want my collection page to look:

grabszxdf.jpg
grabszxdf.jpg1918×937 154 KB

I hope this makes sense, if it doesn’t question me and I will explain myself.

https://lobonewyork.com/collections/all-bags

2

Hello @gihan7575

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px){ .facets-container-drawer { margin: 0 7rem !important; } } div#shopify-section-template--16704674201791__product-grid { margin-top: 0px !important; }

techlyser_web_0-1713250648015.png
techlyser_web_0-1713250648015.png1307×467 386 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
3

Hey @gihan7575

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

Moeed_0-1713250553256.png
Moeed_0-1713250553256.png1903×882 231 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

Exactly what I needed. Thanks