Split screen page problem
-
Hi,
I managed to make a specific pages on my website as a splitview editing a code put in your tutorial (thank you for it!):
https://laytheme.com/tutorials/create-a-splitscreen-website.html
by replacing #footer-region with self added HTML tags.
With this solution, I do not have to set a footer, and I can just use a specific row and make it sticky on the right, ale the rows below are the left part of the page and can be scrolled.Sample:
#grid .photo, .photo2 { width: 50%; height: 100%; position: fixed; top: 0; overflow-y: scroll; overflow: -moz-scrollbars-none; scrollbar-width: none; -webkit-overflow-scrolling: touch; } #grid { left: 0; } .photo, .photo2 { right: 0; } ::-webkit-scrollbar { display: none; }
But as on my "works" page I would like use the same effect like the one used in the tutorial – when on a mouseover I can switch between my works and scroll the specific one:
https://hedixandt.comI tried everything, but the tutorial only shows how to do the footer (the left) part. Can someone help me how the right half of the sample was made? I tried everything. The tutorial only said "The right half is our normal content.". What is a normal content? :)
And additional question:
Even if I made it, is it possible to use it only on a specific page, not as a footer for all the pages?Thank you for any help!
Igap.s. the page is a mess at this moment, in the maintenance mod, so I can't linked it
-
soo
im not sure if i understand the question
But as on my "works" page I would like use the same effect like the one used in the tutorial – when on a mouseover I can switch between my works and scroll the specific one:
on mouseover, the imagehover addon is used.
if you have the imagehover addon you can assign images that show up when you hover over a link.
in lay options → imagehover addonyou can set the options for it to have an effect like this:
https://www.instagram.com/reel/Ci8MshfDE7J/?igshid=YmMyMTA2M2Y= -
@arminunruh Thank you!
This is exactly what I needed.Big thanks for your help.
I don't answer or check forum DMs, please just post on the forum.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it