HELP!vHow do I adjust padding between the logo and product photo on mobile? Brooklyn Theme

New Member
3 0 0

Hi Everyone,

I want to adjust the padding on mobile between the main logo in the centre and the product photo beneath it.

I'm using Brooklyn theme. The current page which is bugging me is here, bangaveragegolfers.co.uk/collections/jackets/products/black-golf-jacket

But I will want to do it for every product on there as it is very close to the logo on mobile.

Could someone please advise the code needed to put in and which scss to put it in please? 

Thanks in Advance,

Tom

0 Likes

Hi @TomHaskins 

Please add the code below

@media screen and (max-width: 590px){
	.product-single__media-group-wrapper {
	    margin-top: 0;
	    margin-left: 0;
	    margin-right: 0;
	}
}

and follow this path to add the code

Themes => edit code => asset => timber.css
and add this code to bottom of the file timber.css

Hope my answer helps you. If you find it helpful, just give it a like. Let me know if you need help

PageFly.

 

PageFly - Advanced Shopify Page Builder.
- Use the Christmas template to skyrocket your sales.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
New Member
3 0 0

hi, thanks for your reply @PageFly 

I have done this but still can't see the product photo move down on mobile.

i will leave the margin from top as 80px - 

please advise

thank you

0 Likes

Hi @TomHaskins 

https://prnt.sc/vpha1w please check my screenshot here.

So you need to add 80px, not 80 because currently, you are setting up 80.

PageFly.

PageFly - Advanced Shopify Page Builder.
- Use the Christmas template to skyrocket your sales.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
0 Likes
New Member
3 0 0

haha, rookie error! thanks so much for your help. @PageFly 

0 Likes