Fullscreen slider: slide only to the right + click on image doesn't work
-
hi @arminunruh - did you had time for this? thanks
-
hi @arminunruh - did you had time for this? thanks
no i was on an airplane the whole day and i had some other tasks to do
Is it possible to only move to the right in general?
no its not possible as i said :/
the content (a longer text) overflows the browser height. I tried the he "Give elements a max-width and max-height and center them" option, didn't change anything.
can u right click on the text? then try to set widths that are appropriate for desktop, tablet, phone
you could also try to use shorter texts
you could also try to use a smaller fontsizeprobably since click only works for previous and next instead of using no cursor it could be wise to use a mousecursor in lay options → fullscreen slider addon
-
thanks @arminunruh
unfortunately it doesn't work with the text page. would it be possible to use custom CSS to have a scroll button on the text page? everything else with the fulllscreen slider works perfect so it would be a shame not to use it.
(i tried with the carousel addon, then the text is cut.)
my goal is a website like https://www.lutzbacher.com/
thanks again
-
hi @arminunruh - did you had time for this? thanks a lot
-
sorry for the late answer
Enter the custom css in "lay options" -> "custom css & html"
in custom css:
.fp-slidesContainer{ overflow-y: scroll; -webkit-overflow-scrolling: touch; }
and in custom <head> content:
<script> jQuery(window).on('fpAfterSlideLoad', function(){ // everytime we go to the next slide, scroll to top again jQuery('.fp-slidesContainer').scrollTop(0); }); </script>
-
thanks @arminunruh ! that works great. is it possible that the scroll button is only activated on the pages where the content overflows the browser height? now we have a scroll button on every page i.e. on pages where it is not needed.
and for mobile: it does not seem to apply here? would I need another code? (I copy+pasted the code into Custom CSS for Mobile Version, that does not work)
thanks!
-
hi @arminunruh - sorry, did you had time for this? thanks :)
-
can u delete all of the code, now use this instead:
custom css:
.fp-tableCell .row-inner{ height: 100svh; max-height: 100svh; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
custom <head> content:
<script> jQuery(window).on('fpAfterSlideLoad', function(){ // everytime we go to the next slide, scroll to top again jQuery('.fp-tableCell .row-inner').scrollTop(0); }); </script>
sorry man pls be a little patient with my response times at the moment
-
oh and remove your password protection if you have more questions so i can look at it on ur site
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