Horizontal split screen
-
wrote on Jul 26, 2023, 1:31 PM last edited by
Hi there :) would it be possible to customize the split screen CSS so that the website is split horizontally instead of vertically (scrolling left to right instead of top to bottom)? Thank you so much!
-
yes!
#grid, #footer-region { width: 100%; height: 50%; position: fixed; left:0; overflow-y: scroll; overflow: -moz-scrollbars-none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #footer-region { top: 0; height: 50%; } #footer{ box-sizing: border-box; } #grid { bottom: 0; height: 50%; } #grid{ box-sizing: border-box; } ::-webkit-scrollbar { display: none; }
just some basic css changes here
haven't tested it but i think it should workif u try it and it doesnt work please post the link here
-
yes!
#grid, #footer-region { width: 100%; height: 50%; position: fixed; left:0; overflow-y: scroll; overflow: -moz-scrollbars-none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #footer-region { top: 0; height: 50%; } #footer{ box-sizing: border-box; } #grid { bottom: 0; height: 50%; } #grid{ box-sizing: border-box; } ::-webkit-scrollbar { display: none; }
just some basic css changes here
haven't tested it but i think it should workif u try it and it doesnt work please post the link here
wrote on Jul 27, 2023, 10:13 AM last edited by@arminunruh It is nearly perfect! But it does not scroll left to right, but top to bottom.
You can see it here: https://julianehaer.com/
Could that be change or not?
-
can u use the css i provided and then send the link
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it