How can I add space between sections on mobile view?

[hallowclothing]

Hi there,

I was wondering if anyone is able to help me in moving this image down or adding space so that it isn’t overlapping onto the email subscription section on mobile version.

Thanks in advance!

Website URL is www.hallowclothingco.ca

[GemPages]

Hello @hallowclothing

I would like to give you some recommendations to support you

You can follow these steps:

1. Go to Online Store->Theme->Edit code

2. Open file theme.liquid then add this code to above the tag

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

[ExpertRookie]

Hi @hallowclothing
You can try follow this path:
Themes => edit code => asset => theme.scss.liquid
and add this code to bottom of the file theme.scss.liquid

.shopify-section .custom-content{
margin-top: 0!Important;
}

[ZenoPageBuilder]

Hello @hallowclothing

You can go to Edit theme code, open file theme.scss (or theme.scss.liquid) and add this code snippet at the bottom

#shopify-section-164261364712b34f47 img {
    margin-top: 32px;
}

The result

Hope that helps!

[PageFly-Richard]

Hi @hallowclothing

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

@media screen and (max-width: 590px) { .custom-content { margin-top: 40px !important; } }

Please refer to this screenshot:

Hope you find my answer helpful!

Best regards,

Richard | PageFly