KittMedia Logo
  1. Home
  2. Products
    1. Categories
    2. Shopping Cart
  3. Hosting
  4. Blog
  5. Support
    1. Unresolved Threads
Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Products
  • Pages
  • Frequently Asked Questions
  • More Options

WSC 5.2 - Following sidebar

    • WSC 3.1.x
    • 5.2.x
  • Yachtie
  • Jan 21st 2020
  • Thread is marked as Resolved.
  • First Official Post
  • Login or register

    Login

    Lost Password

    Register

    Don’t have an account yet? Register yourself now and be a part of our community!

    Register Yourself
  • Cart
  1. KittMedia
  2. KittMedia Support Forum
  3. Community
  4. How do I do that?
  • Yachtie
    Inexperienced
    Posts
    31
    • Jan 21st 2020
    • #1

    Hello everyone!

    How can I make the right sidebar to follow to the end of the page?

    e.g the content is longer than the sidebar, so it will follow while scrolling down to the end of the page


    all the best!

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Jan 22nd 2020
    • Official Post
    • #2

    You could do this by setting the sidebar to sticky:

    CSS
    .sidebar {
        align-self: flex-start;
        position: sticky;
        top: 50px;
    }

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Next Official Post
    • Quote
  • Yachtie
    Inexperienced
    Posts
    31
    • Jan 22nd 2020
    • #3

    Works!! Thank you so much!

    • Report Content
    • Quote
  • Yachtie
    Inexperienced
    Posts
    31
    • Jan 23rd 2020
    • #4

    Is it possible to disable this in mobile view?

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Jan 23rd 2020
    • Official Post
    • #5

    Just surround the code above with the following:

    CSS
    @include screen-lg { }

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Previous Official Post
    • Next Official Post
    • Quote
  • Yachtie
    Inexperienced
    Posts
    31
    • Jan 23rd 2020
    • #6

    Now it's perfect! Thank you!

    • Report Content
    • Quote
  • AdonisDoge
    Inexperienced
    Posts
    8
    • Aug 16th 2021
    • #7

    Is this no longer working in WSC 5.4?


    Code
    @include screen-lg {
        .sidebar {
            align-self: flex-start;
            position: sticky;
            top: 50px;
        }
    }
    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Aug 17th 2021
    • Official Post
    • #8

    I can’t see any problem in my 5.4.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Previous Official Post
    • Next Official Post
    • Quote
  • AdonisDoge
    Inexperienced
    Posts
    8
    • Aug 17th 2021
    • #9

    It’s not doing anything in mine for some reason..

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Aug 17th 2021
    • Official Post
    • #10

    Is there any live demo where I can have a look at it?

    And is your content longer than your sidebar?

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Previous Official Post
    • Next Official Post
    • Quote
  • AdonisDoge
    Inexperienced
    Posts
    8
    • Aug 17th 2021
    • #11

    Sure, I’ll send you the details in private

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Aug 17th 2021
    • Official Post
    • #12

    Your .pageContainer has an overflow-x: hidden;. That automatically results in an overflow-y: auto; and will prevent position: sticky; from working.


    No ancestor is allowed have a value of auto, hidden or scroll for overflow.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Previous Official Post
    • Next Official Post
    • Quote
  • AdonisDoge
    Inexperienced
    Posts
    8
    • Aug 18th 2021
    • #13

    Not really sure about what you just wrote lol is it something that has to do with the theme?

    If so, I can contact the developer and see if it’s possible to change!


    Thank you so much for having a look at it!

    • Report Content
    • Quote
  • Black Rider
    Administration
    Reactions Received
    2,314
    Posts
    11,715
    • Aug 18th 2021
    • Official Post
    • #14

    Yes, it’s related to your used style. Just forward this thread to the creator, I’m sure he will understand the problem here.

    Viele Grüße / Best Regards


    Matthias Kittsteiner

    • Report Content
    • Previous Official Post
    • Quote
  • AdonisDoge
    Inexperienced
    Posts
    8
    • Aug 18th 2021
    • #15

    Thanks so much! And sorry again for opening a post on woltlab.com

    • Report Content
    • Quote
Change Style

Legal

  1. Imprint
  2. Privacy Policy
  3. Disclaimer
  4. Terms and Conditions
  5. Licenses

Helpful

  1. Frequently Asked Questions
  2. About us
  3. Package Server
  4. Plugin-Store Verification

External Links

  1. Preview Forum
  2. Order Demo
  3. Documentations
Powered by WoltLab Suite™ 5.4.21
  1. Navigation
  2. Home
  3. Products
    1. Categories
    2. Shopping Cart
  4. Hosting
  5. Blog
  6. Support
    1. Unresolved Threads
  7. Frequently Asked Questions
  8. About us
  9. Package Server
  10. Plugin-Store Verification
  11. Search
  12. Options
  13. Current Location
  14. KittMedia
  15. KittMedia Support Forum
  16. Community
  17. How do I do that?
  1. User Menu
  2. Login or register
  3. Cart
  4. Language
  5. English
    1. Deutsch
    2. English