Split screen layout issue

Site URL: https://sophiapower.squarespace.com/about?password=pearler

I'm using a split screen layout but I can't seem to figure out why the image is appearing cropped! Any help would be awesome.  Please @ me. Website →

On 8/4/2021 at 11:34 AM, pearler1570048501 said:

Site URL: https://sophiapower.squarespace.com/about?password=pearler

I'm using a split screen layout but I can't seem to figure out why the image is appearing cropped! Any help would be awesome.  Please @ me. Website →

 

Add to Design > Custom CSS

/* Fix split image */
@media screen and (min-width:992px) {
[data-section-id="610a0e8d8ed43338a1ee81f4"] {
    min-height: 100vh !important;
}
}

@tuanphanThat worked perfectly, thank you.

@tuanphan Thanks, this code doesn't seem to be working on another site I have, however! Any ideas? https://www.enochodustudio.com/?password=PEARLER 

On 10/9/2021 at 7:19 AM, pearler1570048501 said:

@tuanphan Thanks, this code doesn't seem to be working on another site I have, however! Any ideas? https://www.enochodustudio.com/?password=PEARLER 

 

Hi,

The WillMyers code override it.

Use this

@media (min-width:799px) {
body:not(.sqs-edit-mode-active).tweak-fixed-header-style-basic .split-sticky {
    top: 0 !important;
}
}

This code will override the WillMyers plugin code. I'm not sure if it's causing problems with the plugin you're using.