Navigation
Archive / Sidebar does not scroll far enough
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 11, 2016 at 2:55 pm #1127645
    alan
    Participant

    Hi,

    My Sidebar does not scroll far enough i.e. widgets will go missing off the page.

    Also is it possible to show some sort of scroll bar or button when you mouseover into the sidebar? I think it is obvious for most people but for those without a mouse scroll or multi-gesture touchpad, it might not be so obvious.

    Thank you

    August 11, 2016 at 2:56 pm #1127652
    alan
    Participant
    This reply has been marked as private.
    August 11, 2016 at 9:00 pm #1128171
    Nico
    Moderator

    Hi There,

    Thanks for writing in.

    Would you mind sharing us a screenshot and the URL of a widget that will go missing off the page. Not sure which part can it be found.

    And in regards to adding scrollbar, try adding this in your customizer custom CSS:

    .x-sidebar:hover{
overflow-y: scroll;
}

    Hope it helps.

    Let us know how it goes.

    Thanks.

    August 13, 2016 at 10:48 am #1129974
    alan
    Participant
    This reply has been marked as private.
    August 13, 2016 at 8:27 pm #1130334
    Rue Nel
    Moderator

    Hello There,

    Thank you for sending us the screenshots. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-sidebar .nano-content .widget:last-child{
    margin-bottom: 50px;
}

    Please let us know if this works out for you.

    August 14, 2016 at 1:42 pm #1130938
    alan
    Participant

    This solved it. Thanks so much!

    August 14, 2016 at 1:50 pm #1130947
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

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