Split screen / no scrolling on the right side

[joaflo17]

hi there,
I am currently working on a split-screen website and having two problems that I cannot resolve.

Problem 1 – Fixed element at the top:
I would still like to have a fixed element at the top of the viewport (graphic design/illustration).
However, since the left side is already my “footer area,” I don't know how to create an extra menu bar at the top (because I already a menu bar on the bottom)

Problem 2 – Scrolling on only one side:
Currently, only the left side can be scrolled; the right side remains static.
However, I would like both sides to be able to scroll independently of each other.
Also my other page "info" isn´t scrollable anymore

would be happy for some help

(https://joannafloesserco-vqws6c6m65.live-website.com)

[arminunruh]

you need to use the exact css i provided in the tutorial.
i think you used 100% width for both the footer and the normal grid

this results in one of them overlaying the other, so only one is scrollable

[arminunruh]

about the fixed element:

i think inside of these containers, fixed doesnt work. this is just due to how css works, you cant put fixed elements in any container

however, you can use the "fixed header" feature

enable it in lay options.
then in lay options -> fixed header

you can choose a page to act as your fixed overlay

[joaflo17]

Thanks a lot for your reply! Scrolling is now possible, but both sides are the wrong size. At 50%, they are only half their size. That's why I changed it to 100%. Do you know what the problem is?

[joaflo17]

This post is deleted!

[arminunruh]

hello!

i dont really understand what you mean with:
"At 50%, they are only half their size. That's why I changed it to 100%"

If you use the splitscreen type of layout, the left half needs to be 50% and the right 50%

or 20% and 80%

they always need to be 100% width combined.

if you have two sides that are both 100% width, it doesn't make sense :D