Fixed Split Section

Site URL: https://nayatraveler.squarespace.com/journeys-peru-walking

Hi,

I'm looking to develop my site to have a fixed split section at the very top but I'm unsure how to go about this?

Any help would be appreciated! 

Cheers,

Cadel

@Cadel i see you did this successfully! would you mind sharing what you ended up doing?

10 hours ago, viraksrey said:

@Cadel i see you did this successfully! would you mind sharing what you ended up doing?

I see the site used this code

@media screen and (min-width:960px) {
section[id*='split-left'] .Index-page-content {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky !important;
    top: 120px;
    min-height: 90vh !important;
}
section[id*='split-left'] {
    width: 50% !important;
    padding: 0px 0px;
    overflow: inherit;
}}

Hi there, is this possible to be done on one page? If so, how can I go about doing that?

On 2/24/2022 at 7:08 AM, scdavid said:

Hi there, is this possible to be done on one page? If so, how can I go about doing that?

Edit page >> Add a Code Block (anywhere) > Paste this code

<style>
  @media screen and (min-width:960px) {
section[id*='split-left'] .Index-page-content {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky !important;
    top: 120px;
    min-height: 90vh !important;
}
section[id*='split-left'] {
    width: 50% !important;
    padding: 0px 0px;
    overflow: inherit;
}}
</style>