Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1293104
    Jordan W
    Participant

    Hello.

    I notice the widgetized side bar does not have a scroll bar, but uses mouse pointer/scroll. For readers who are not internet savvy, they might not know what a mouse pointer /scroll is (hard to imagine, but true).

    Is it possible to fix the side bar to the page, and simply scroll all at same time with page scroll bar?

    Website under construction, so I’ll provide sign in details privately.

    Thank you!

    #1293106
    Jordan W
    Participant
    This reply has been marked as private.
    #1293647
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! In OS X, the scrollbar on websites are hidden by default and only visible once you start scrolling. You can overwrite the default and force the scrollbar in WebKit browsers back like this by adding the following css code in the customizer, Appearance > Customize > Custom > CSS

    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }

    Icon stack is a unique design which by default, the sidebar is fixed. This stack has a different structure from other stacks. If you want to have the sidebar fix to the page, you’d probably need to choose other stacks.

    Please let us know how it goes.

    #1306326
    Jordan W
    Participant

    Thank you so much for your reply. I’ve decided to keep as if after playing with it. Icon is the theme for me. And..glad for the code you offered in case I change my mind.

    Thank you!

    #1306640
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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