Archived topic
left sidebar widgets are shifting to right side when i am clicking STICKY option
4 replies · Started by moy on October 29, 2020
I just installed ad inserter plugin. It is working just fine, but when I am clicking "sticky" option left sidebar is shifting to the right side. It looks really bad.
If I am not clicking sticky option it is working fine. So I have unchecked the sticky option fro the time being.
Is there a way to solve this shifting problem?
here is the screenshot -
https://drive.google.com/file/d/1zGjkk-H75X7T4Sb1-78HBJjZLMtDdJ6h/view?usp=sharing
Hi,
First off, add this CSS:
div#left-sidebar{
height: auto;
}
To clarify: do you want the whole left sidebar sticky(including the search form)?
If so, try this CSS:
div#left-sidebar .inside-left-sidebar {
position: sticky;
top: 100px;
}
@media(max-width:768px){
div#left-sidebar .inside-left-sidebar {
position: sticky;
top: 50px;
}
}
If you only want the ads to be sticky, try this instead:
div#left-sidebar .inside-left-sidebar {
height:100%
}
div#left-sidebar .inside-left-sidebar aside#ai_widget-11 {
position: sticky;
top: 100px;
}
@media(max-width:768px){
div#left-sidebar .inside-left-sidebar aside#ai_widget-11 {
position: sticky;
top: 50px;
}
}
I have added 1st & 3rd CSS but the left sidebar is still shifting whenever I am enabling the sticky option.
I just search in google about all the plugins I am using and I find that there are a lot of bugs in a plugin I am using which was causing the issue.
So I deleted the plugin (Ad inserter plugin and holler box)
thank you very much for your support.
No problem. Glad to be of any help :)