Modify a section - reduce spacing and put and image half and half

Hi,

i would like to reduce the spacing at the top- yellow.

Then lower the image (Text QUI ES TU MAMAN?) so it be a bit 1 /3 on top of the collection images below - red

Also i would like the image to be bigger on mobile version - RED only<

Hi there,

It would be my pleasure to help you, please share your site URL. I will check out the issue and provide you with the best solution here.

Jenny.

www.lesparentales.ca

Hi @Lesparentales

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file

@media only screen and (max-width: 479px)

.mobile–one-whole {

width: calc(125vw - var(–gutter)*2 - var(–grid-gutter)) !important;

}

.featured-content-section {

padding-bottom: 0 !important;

}

.four-fifty-height-hero {

height: 300px !important;

}

.list-collections-section {

padding-top: 0 !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Hi, thanks

but see below it didnt work… and did affect the section below it in white.