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

Solved
ben05
Excursionist
11 0 3

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

0 Likes
OhJessisCrafty
Tourist
11 0 5

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?

B1E9E7A8-C612-4CEB-BE61-544F52C3A678.png

0 Likes
OhJessisCrafty
Tourist
11 0 5

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

dmwwebartisan
Shopify Partner
5223 1204 1541

@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.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
OhJessisCrafty
Tourist
11 0 5
Oh yea I disabled that option. It’s enabled for your review.
0 Likes
dmwwebartisan
Shopify Partner
5223 1204 1541

This is an 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! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
OhJessisCrafty
Tourist
11 0 5

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
Shopify Partner
5223 1204 1541

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
OhJessisCrafty
Tourist
11 0 5

This didn't change anything

0 Likes