Problem scrolling in horizontal fullscreen slider
-
wrote 16 days ago last edited by
Hello!
I'm having trouble with the fullscreen slider, I initially had it vertically but had such issues scrolling within each section, so I changed it to horizontal. Still I'm having issues scrolling, which is needed because they overflow (I hope I'm using the correct terms here...).I have added additional html that I found here on the forum because I wanted to be able to click on titles on top of the page and jump to the relevant section. Looks like this:
This is the website in question: http://isfilm.is/films/
Any ideas on solutions for this?
Thanks in advance,
Idunn -
.fp-slides .row{ overflow-y: scroll!important; height: 100vh!important; max-height: 100vh!important; display: block!important; -webkit-overflow-scrolling: touch; }
Try this CSS in Lay Options Custom CSS and HTML Custom CSS.
And then delete your JavaScript please.
Actually I'm not sure if we're talking about the same thing cause your JavaScript leads me to believe you want to code some anchor scroll feature.
But my CSS just simply lets you scroll up and down in your horizontal full-screen slider rows.
-
wrote 9 days ago last edited by
I have no idea what I was trying to do but this solved the issue, thank you so much <3
-
I'm happy it worked for you.
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