Gaps Between Images in Brooklyn Theme

Solved
Highlighted
Tourist
9 0 1

Hi there guys, I've got a problem.

I'm using the Brooklyn Theme, and in the mobile version of the Collection page there are some gaps between the images, like I'm showing you below:

Annotazione 2020-06-11 122804.png

Is it a code problem? Can you help me fix it? Thank you

0 Likes
Highlighted

Hello @Alessioferrara,

Can you please share your site url so that I will help you

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
9 0 1

https://artee-wear.myshopify.com/

The password is "giadao"

PLEASE note that this problem only occurs in the mobile version, while the desktop version is totally fine :)

0 Likes
Highlighted

This is an accepted solution.

@Alessioferrara,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.css

@media only screen and (max-width: 590px) {
.grid__item.grid-product.medium--one-half.large--one-third:nth-child(6n+1),.grid__item.grid-product.medium--one-half.large--one-third:nth-child(2n+1) {
    clear: both;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
9 0 1

It works flawlessly!
While we're at it, can you please help me solve another issue?

Here https://community.shopify.com/c/Shopify-Design/How-can-I-remove-this-quot-save-7-quot-banner-overlap...

Thank you kindly!

0 Likes
Highlighted

@Alessioferrara,

Please follow below reference link

https://community.shopify.com/c/Shopify-Design/Display-Normal-Price-next-to-Sale-Compare-at-Price/td... 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
3 0 0

I've got a similar problem but its on my home page on mobile.

The gap is between the image text "Collections" and "Limited Editon Drops" and the rest of the page. I would include a link but it's my second and unreleased theme. This preview link (https://0wtinb20cfi7affv-26908590151.shopifypreview.com) should work for the next few days, but if someone doesn't get to me in time, ill reply with another when they reply. I also attached images of the problem.

Screen Shot 2020-06-29 at 6.50.41 PM.pngScreen Shot 2020-06-29 at 6.50.34 PM.png

0 Likes