Responsive custom content image + html

Solved
Eggenland
New Member
3 0 0

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!:)

0 Likes

This is an 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%;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Eggenland
New Member
3 0 0

That worked! Thank you!:)

0 Likes
jlove
Tourist
5 0 0

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!

0 Likes