Public Ticket #1375445
Landing Mockup horizontal scrollbar


  • Heiko Gerst started the conversation

    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

  • [deleted] replied

    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 ?

  • Heiko Gerst replied

    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!!

  • [deleted] replied

    Thank you for the feedback, we will check on that example to see if there's anything wrong on our end.

  • [deleted] replied

    Please try to use the following CSS code, it should solve the problem: 

    body, html, .ls-container {
        overflow-x: hidden;

  • Heiko Gerst replied

    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

  • [deleted] replied

    Thank you. My colleagues and I will look into this to see if we can find anything else, and get back to you shortly.

  • [deleted] replied

    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.