Sticky Sidebar

[rogerp]

I am trying to implement a sticky sidebar with the following code in style.css but it's not working

/* sticky Sidebar */

@media only screen and (min-width: 1024px) {

.content-sidebar-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.sidebar-primary .widget:last-child {
position: -webkit-sticky;
position: sticky;
top: 40px;
}

.admin-bar .sidebar-primary .widget:last-child {
top: 72px;
}

}

I get the error in code
Expected (Static | Abosolute | Relative | Fixed ) but not found -webkit sticky

It might be to do with oveflow:hidden

.site-container .menu-toggle {
background: transparent;
border-width: 0;
color: #fff;
display: block;
margin: 0 auto;
/* overflow: hidden; /*

But I comment that out and no change?

Any Ideas?

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

http://www.rogerperkin.co.uk/blog/

[rogerp]

This is working now as configured above, css must have been cached for a bit

---

Roger
https://www.rogerperkin.co.uk/
Check out my Network Automation Training – Training the Network Engineers of the Future

[Author]

Posts