How To Make Primary and Secondary Sidebar Sticky?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Siddharth,

    I would recommend to inspect your pages and write some css rules in the custom css setting of the live customizer.

    Useful resources for WordPress site customization:

    Regarding making homepage like demo, it automatically becomes like demo when you install the theme.

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How To Make Primary and Secondary Sidebar Sticky?’ is closed to new replies.