I have a problem with resizing and displaying/hiding-showing/toggling sticky-sidebar.
I've done a whole lot of troubleshooting and think I've narrowed the problem down to sticky-sidebar.
I have a sticky-sidebar (sb1) that I want to show whenever screen width is > 1024 and another non-sticky sidebar that I want to show when the screen width is < 1024 (sb2). I can get sb1 to hide and s2 to show when screen-width is < 1024. However, once I resize the window again, so that it is > 1024, the sticky-sidebar sb1 doesn't show. SB2, with which I also use the script below but which isn't a sticky-sidebar, there is no problem.
I've tried to use media queries
@media only screen and (max-width: 1024px) {
.sticky-sidebar-demo {
display: hide;
}
but neither works. After resizing back to > 1024, sticky-sidebar disappears. Curiously, if I am in inspect-mode, sticky-sidebar always shows - even in > 1024.
I have a problem with resizing and displaying/hiding-showing/toggling sticky-sidebar.
I've done a whole lot of troubleshooting and think I've narrowed the problem down to sticky-sidebar.
I have a sticky-sidebar (sb1) that I want to show whenever screen width is > 1024 and another non-sticky sidebar that I want to show when the screen width is < 1024 (sb2). I can get sb1 to hide and s2 to show when screen-width is < 1024. However, once I resize the window again, so that it is > 1024, the sticky-sidebar sb1 doesn't show. SB2, with which I also use the script below but which isn't a sticky-sidebar, there is no problem.
I've tried to use media queries
Now I am using the script
but neither works. After resizing back to > 1024, sticky-sidebar disappears. Curiously, if I am in inspect-mode, sticky-sidebar always shows - even in > 1024.
Here's my sidebar CSS:
Here sticky-sidebar config w/ ResizeSensor.js:
Any ideas?