split screen only for one page

[ricorico4321]

Hi!

Is it possible to keep landing page as split screen setup and keep rest of page without?

Thank you!

[arminunruh]

yea!

just use the css for one page like:
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

so if your body class is ".slug-home":

/* using "body>.lay-content #grid" instead of "#grid" for compatibility with "Overlay Feature" */
    body.slug-home>.lay-content #grid, #footer-region {
        height: 100%;
        position: fixed;
        top: 0;
        overflow-y: scroll;
        overflow: -moz-scrollbars-none;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    body.slug-home #footer-region {
        left: 0;
        width: 50%;
    }
    body.slug-home #footer{
        box-sizing: border-box;
        min-height: 100%;
    }
    body.slug-home>.lay-content #grid {
        right: 0;
        width: 50%;
    }
    body.slug-home>.lay-content #grid{
        box-sizing: border-box;
    }
    body.slug-home *::-webkit-scrollbar {
        display: none;
    }

[ricorico4321]

@arminunruh Thank you!

[julesmann]

@arminunruh
Hi, I've used the code as mentioned above to make a splitscreen landing page. on this page i have text with links to projects etc. If i click on any of the links, it now goes to a new page, without splitscreen (yay!). But the leftside of my splitscreen stays on this new page. Any idea how to fix this?

Edit. U have now used this code:

[data-slug="grand-march"] .footer {
  display: none !important;
}

this way i have to add one for every new project page. is there an easier way?

[arminunruh]

how about

body.type-project .footer {
display: none !important;
}

this will hide the footer on all project pages