adjust margins between sections for mobile dawn theme

hillbrown
Tourist
7 0 1

Hi there!

 

I'm looking to adjust my margins so that there is less white space between the two sections, as shown in the picture. It appears like this only for mobile, so definitely looking to adjust. Hope someone can help!

 

https://ceramica-living-mock-up.myshopify.com/

pw: bohglo

IMG_4156.jpg

thanks!

 

Replies 4 (4)

Bryt
Tourist
11 0 0

Hi

Screenshot_20220913-011736.png

 

I think the header is okay. 

Niki_K
Shopify Partner
449 46 125

Hey @hillbrown,

 

what sections are these (is it image banner?)? I can't access your store since it's password protected.

 

Thanks!

Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.
hillbrown
Tourist
7 0 1

Yes, this is the image banner for each individual product page. There's a little gap between the header (image banner) and the section right below it which is the product photo.

 

i added the password in my initial msg -- 

 

password: bohglo

Niki_K
Shopify Partner
449 46 125

Hey @hillbrown,

 

I see what you mean. When it comes to other (non product pages), there is no gap between the image banner section and the following content.

 

I set it up in my development store (Dawn theme)  and there is no gap as in your case. Have you done any changes in the code? And have you tried using a larger ratio of the image?

 

I also checked your website's source code and it looks like there is no extra margin on neither of the sections.

Send me a link to your store to niki@ecommercepot.com and I'll help you out.
For more info what I do, visit my agency website ecommercepot.com or my personal website nikikozak.me.