Brooklyn Theme - Remove spacing above and below collection images on Home Page

[ben05]

@OhJessisCrafty  no rush whenever you have time I will be happy to know how to do It. 

[OhJessisCrafty]

I just realized while this code worked for desktop, it has not worked for my mobile site. How can I correct this issue on the mobile side?

 

[OhJessisCrafty]

@dmwwebartisan Do you have a solution of those for mobile devices?

[dmwwebartisan]

@OhJessisCrafty 

I can't inspect your website. Could you please check if the right mouse button is working? Please enable it.

I will check and give you the solution for mobile.

[OhJessisCrafty]

Oh yea I disabled that option. It’s enabled for your review.

[dmwwebartisan · Accepted solution]

@OhJessisCrafty 

Please add this code for the mobile.

@media screen and (max-width: 590px){
.collection-collage__item.one-half {height: 180px !important;}
.collection-collage__item {margin-bottom: 0px !important;}
}

Thanks! 

[OhJessisCrafty]

Thank you! But I noticed one last area that didn't change on mobile. It's located at https://ohjessiscrafty.com/collections

Just under Personalized Products, they first product being Keychains is cut off on the mobile devices while everything else is corrected. Do you mind sharing the code to correct this as well? You are a gem!

[dmwwebartisan]

@OhJessisCrafty 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 590px){
#collections .collection-collage__item.one-whole { height: 250px !important;}
}

Hope this helps.

If helpful then please Like and Accept Solution.

Thanks!

[OhJessisCrafty]

This didn't change anything