Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #993358
    Dadparvar
    Participant

    Hi,

    I turned off the bottom footer and just have top footer. In top footer I added a Layer Pro slider using shortcode. And its padding is set to zero.

    But at the end of site, there is still 4 or 5 px additional white space. How to remove that?

    Thanks

    #993359
    Dadparvar
    Participant
    This reply has been marked as private.
    #993364
    Dadparvar
    Participant

    Also it seems that white space causes another problem: Now there is two scrollbar in my site. Left and right. Both side there is scrollbar. With right scrollbar you can go until footer and then you see a 4 or 5 px white space. Then with left scrollbar you can scroll it and see it will become 20 px white space.

    #993374
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    #top > footer.x-colophon.top {
        padding-bottom: 0;
    }

    Hope it helps 🙂

    #993416
    Dadparvar
    Participant

    Thanks 🙂

    First problem (that 5px white space) now is solved. But how about the left side scrollbar? It is still there and when you scroll with it it adds 20px white space in footer.

    Any opinion will be appreciated.

    #993436
    Thai
    Moderator

    Hi There,

    Please add this CSS:

    #top {
        overflow: hidden !important;
    }

    Let us know how it goes!

    #993494
    Dadparvar
    Participant

    That was it.

    Thanks

    #993505
    Thai
    Moderator

    If you need anything else please let us know.

    #993513
    Dadparvar
    Participant

    I have a problem with the slider I added to footer.

    Although its responsive option is set to yes, but still when the size of browser changes, it doesn’t change the content of slider to look as it must.

    That slider is LayerSlider. You can test it with that admin info that I gave you. When it doesn’t act as responsive, it looks too bad in other browsers than desktop. mostly if we use different content in it.

    Thanks

    #993516
    Dadparvar
    Participant

    Just that slider in footer (using Layer Slider) doesn’t work with responsive.
    But you see 5 other sliders in the page (Using slider revolution) work as they must.

    #993553
    Paul R
    Moderator
    #993646
    Dadparvar
    Participant

    Thanks

    That helped.

    But It seems there is another (and last one about it) question for me: What is the best dimension to have a full screen slider in footer? (as you know I also have a fixed header). How I should set the slider in LayerSlider to have the best full screen (not just full width) slider in footer?

    Regards

    #993812
    Rupok
    Member

    Hi there,

    For fullscreen slider, you should set a larger dimension image like 1920×1080 or higher but keep the ration closer to this to get better view.

    Thanks

  • <script> jQuery(function($){ $("#no-reply-993358 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>