Hello, having the side blogs stay sticky

Collapse
X
 
  • Time
  • Show
Clear All
new posts

  • glennrocksvb
    replied
    You'll want to only do it on desktop and not on mobile. So just prepend the CSS selector with l-desktop class.

    Code:
    .l-desktop .canvas-layout-container .canvas-layout .canvas-widget-list {
        position: sticky;
        top: 0;
    }​​

    Leave a comment:


  • yilmaz
    replied
    Two lines of CSS code.

    Just paste it into the css_additional.css template.​

    HTML Code:
    .canvas-layout-container .canvas-layout .canvas-widget-list {
        position: sticky;
        top: 0;
    }​

    Leave a comment:


  • glennrocksvb
    replied
    Making the right column sticky requires just a few lines of CSS code without JS.

    CSS has come a long way. Previously, if you want to make an HTML element sticky (floating) as you scroll the page, you'd have to use Javascript + CSS to make it work. The floating bar in the Topic page in vB5 is actually implemented using this old technique. Now, you only need CSS using the powerful position sticky CSS property


    The original post was for making the module headers sticky but I also post code there for making the right column sticky.

    I used this technique on topic pages and in search result pages.

    Leave a comment:


  • Wayne Luke
    replied
    Please create a feature request to have such an option added. https://tracker.vbulletin.com/vbulletin6

    Leave a comment:


  • WebmasterTurkiye
    replied
    Originally posted by Wayne Luke
    There is currently no way to make the side column stick to the page in the software's options. It would most likely require custom CSS, custom javascript, and maybe some template edits in the screen layout templates. I've never looked into this so those are just educated guesses.
    Indeed, adding such an option would be beneficial, both in terms of usability and appearance.

    I am not currently considering migrating to vBulletin 6. I will think about it after implementing a few suggestions I made. Thank you for your response.

    Leave a comment:


  • Wayne Luke
    replied
    There is currently no way to make the side column stick to the page in the software's options. It would most likely require custom CSS, custom javascript, and maybe some template edits in the screen layout templates. I've never looked into this so those are just educated guesses.

    Leave a comment:


  • WebmasterTurkiye
    started a topic Hello, having the side blogs stay sticky

    Hello, having the side blogs stay sticky

    Hello, having the side blogs remain fixed is common in large forums, and even here, there are gaps when the side blogs run out. Therefore, if you could create sticky blogs for them, they would stay fixed when scrolling through the page and when they run out.

    Once the side blogs are fixed, even if the forums section is scrolled, there won't be any gaps there. If you add that as an option, users can choose to use it as they prefer.​
    Attached Files
    Last edited by WebmasterTurkiye; Sun 3 Sep '23, 7:19am.

Related Topics

Collapse

  • In Omnibus
    Split Screen Option
    by In Omnibus
    Here's a concept that would really separate vB5 from any other forum software. I'd like a split screen option where the default forum index page appears on one-half of the screen and a custom page of...
    Tue 7 Jul '15, 1:51pm
Working...
😀
😂
🥰
😘
🤢
😎
😞
😡
👍
👎