Responsive custom content image + html

[Eggenland]

Hello, I use Debut theme. I have a custom content section on homepage for e-mail sign up. It contains image and html. It looks great on desktop but is not responsive on mobile. Image stays next to signup form (it becomes really small) and I want it to be above the signup form. How can I make this custom content responsive? My web is  eggenland.com and the signup form is at the bottom of the page above the footer. 

Thank you!:)

[oscprofessional · Accepted solution]

Hello @Eggenland,

Add this css at the bottom of

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

@media only screen and (max-width: 749px) {
.custom-content .custom__item.small--one-half {
flex: 1 0 100%;
}
}

[Eggenland]

That worked! Thank you!:)

[jlove]

Hi @oscprofessional 

I'm having the same problem, was hoping you would be able to help me.  I've created a custom About Page and need the hero image to be responsive on mobile devices.

Here is the url https://richards-wood.myshopify.com/pages/about

Thanks in advance!