wpdotorgforums

Hi.
I’m aware of, and know how to use, the inspector.
I’m interested in what specific CSS code is used to make the sticky sidebar.
Has anyone been successful in making their sidebar sticky?

.sidebar-secondary {
    display: flex;
    flex-direction: column;
    flex: none;
    height: 100vh;
    width: 20%;
    position: sticky;
    padding-top: 3em;
    text-align: center;
}

Please note “position: sticky;”.

Using this code, the menu will not remain sticky. The 3em top seems to make it sticky only partially and the further you scroll, it continues down the page.
Thanks for any suggestions for modifications.

• This reply was modified 5 years, 2 months ago by wpdotorgforums.
• This reply was modified 5 years, 2 months ago by wpdotorgforums.