Usage: Make right sidebar sticky

Leon's Avatar

Leon

19 Jan, 2023 02:13 PM

Product: Tao Contao
Contao Version: 4.13

Is there a way to make the right sidebar sticky, such that it follows with you as you scroll down the site?

  1. Support Staff 1 Posted by RockSolid Theme... on 20 Jan, 2023 11:13 AM

    RockSolid Themes's Avatar

    Thank you for submitting your question!

    You can achieve that for example by adding the following CSS code to the file files/tao/css/custom.css:

    @media (min-width: 1188px) {
        .sidebar.sidebar.-right {
            position: sticky;
            top: 50px;
            left: calc(50% + 330px);
        }
    }
    

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac