Solved

How to edit Margin bottom of the featured collections in the Brooklyn theme

Baileyatk13
Excursionist
14 0 3

https://vancemartins.com/

I have used a custom image template so I can have custom photos for mobile and desktop although when viewing on mobile my photo clashes with the featured collection. Is there a way to add a margin-bottom to the featured collection to remove this problem?

If possible can you post the required code and area.

Thanks in advance

IMG_3191.PNG

 

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Baileyatk13 

ok can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
#shopify-section-16243710393ff97216 {margin-top: 90px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
36839 3635 11972

@Baileyatk13 

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Baileyatk13
Excursionist
14 0 3

@KetanKumar 
this only seems to be a problem when viewing on mobile phone. When I view it on the preview mode on Shopify it doesn't show but only when I go onto the website via my iPhone 11 Pro Max it is present. Both safari and chrome browsers have been tried.

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@Baileyatk13 

ok can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
#shopify-section-16243710393ff97216 {margin-top: 90px;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Baileyatk13
Excursionist
14 0 3

@KetanKumar 
This worked although I only needed the last line of code as the problem only solved it for some screen sizes. 

Thanks for your help although 

KetanKumar
Shopify Partner
36839 3635 11972

@Baileyatk13 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing