Hello, at first, sorry for my bad english. I would like to explain the problem as good as i can. I want to use the landing Mockup page from the layerslider jquery. At the bottom there is the horizontal scrollbar (look at the screenshots) In the wp-demo there is no scrollbar but in jquery is! The demo at Codecanyon for the layerslider jquery is not the jquery slider its the wp-slider! i dont want to scroll horizontal and i think there is something wrong in the code i think the problem is the headphone-compressor.png wich overflow at the right site an the code in this line <div class="ls-slide" data-ls="bgsize:cover;bgposition:50% 50%;overflow:true;kenburnsscale:1.2;parallaxevent:scroll;parallaxdistance:15;">
here is the "overflow:true" and if i use an image with the final position like the headphone-compressor it shows the scrollbar at the bottom of the browser! tested in Chrome and Modzilla Layerslider is from, 10.2017 how can i fix the problem??
i hope my english was godd enough to explain the problem!
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Could you please show us your site or a test page where we can see and test this error, so we can tell what might be wrong ?
Hello Attila, you want to see the error?? Have you seen the pictures i sent? Its your own Fullsize landing Page, so you can look at your own produkt for finding the error!!I obnly unzip the download from CodeCanyon open it your example in Chrome, in Modzilla and on both its the same error!!
Ok, i have done . Your code copied in css.And now there are two scrollbars on the right site. And this way with code overflow-X hidden or so, i have tested it in different variations before i opened a ticket here!! so you can see, its not so easy to solve this problem
Hello,
at first, sorry for my bad english. I would like to explain the problem as good as i can.
I want to use the landing Mockup page from the layerslider jquery.
At the bottom there is the horizontal scrollbar (look at the screenshots)
In the wp-demo there is no scrollbar but in jquery is!
The demo at Codecanyon for the layerslider jquery is not the jquery slider its the wp-slider!
i dont want to scroll horizontal and i think there is something wrong in the code
i think the problem is the headphone-compressor.png wich overflow at the right site
an the code in this line
<div class="ls-slide" data-ls="bgsize:cover;bgposition:50% 50%;overflow:true;kenburnsscale:1.2;parallaxevent:scroll;parallaxdistance:15;">
here is the "overflow:true"
and if i use an image with the final position like the headphone-compressor it shows the scrollbar at the bottom of the browser! tested in Chrome and Modzilla Layerslider is from, 10.2017
how can i fix the problem??
i hope my english was godd enough to explain the problem!
Thanks for help
best regards
Heiko
Hello Heiko,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Could you please show us your site or a test page where we can see and test this error, so we can tell what might be wrong ?
Hello Attila,
you want to see the error??
Have you seen the pictures i sent?
Its your own Fullsize landing Page, so you can look at your own produkt for finding the error!!I obnly unzip the download from CodeCanyon open it your example in Chrome, in Modzilla and on both its the same error!!
Thank you for the feedback, we will check on that example to see if there's anything wrong on our end.
Please try to use the following CSS code, it should solve the problem:
body, html, .ls-container {
overflow-x: hidden;
}
Ok, i have done . Your code copied in css.And now there are two scrollbars on the right site.
And this way with code overflow-X hidden or so, i have tested it in different variations before i opened a ticket here!!
so you can see, its not so easy to solve this problem
Thank you. My colleagues and I will look into this to see if we can find anything else, and get back to you shortly.
You're right. We've made an error in the code. Please forget the last code and use this only:
body {
overflow-x: hidden;
}
This should work now.