AnnaOS

Oops sorry I missed this @tuanphan thanks so much 🙂

Hi @tuanphan

The page is here:

https://earthboundbabies.squarespace.com/hypnobirthing-faq 

Sorry, I realised I had another code under it that made it disappear. Fixed that. But still have issues with focal point. Ideally The mvh would be around 40 or 50.

Thank you,

Anna 🙂

Site URL: https://earthboundbabies.squarespace.com/

Hiya, I have edited css so that the top image banner on this page: https://earthboundbabies.squarespace.com/hypnobirthing-faq s shorter in mobile view. I like the height of it, but I don't like how it's cropping her face. I made the focal point higher in the image format box (on desktop) but it's not changing for mobile. 

Any suggestions greatly appreciated 🙂

password: hello123

CSS I used:

@media screen and (max-width:640px) {
section[data-section-id="6005c075dea472688fcc70eb"] .section-background img {
    width: 100% !important;
}
}

@media screen and (max-width:640px) {
section[data-section-id="6005c075dea472688fcc70eb"] {
    min-height: 60vh !important;
}
}

Heya @paul2009, thanks for that! It went up to in between the two sections - what code would I use to decrease padding at the top of that section (section[data-section-id="60007d57df80a433129f96fa"])

I've tried a few different codes from this thread but didn't work: 

Thanks,

Anna

Site URL: https://earthboundbabies.squarespace.com/

Hi there,

I've looked through all the other questions on this topic but still can't find a solution. 

I want to overlap an image between 2 sections in SS7.1. 

https://earthboundbabies.squarespace.com/

password: hello123

---

So I'm looking to bring the pink logo up to sit between the top banner image and the second section with cream background. 

Any help would be greatly appreciated! 

Anna 🙂