I am having an issue with the sidebar on posts, when it scrolls and the position goes to fixed. The sidebar ends up under the menu. This occurs when I am scrolling down, and then if I scroll back up, it adjusts to a normal position. Is there a way to fix this? I am used ad boxes, but not Google Adsense, which I saw does not work in the code.
Hi,
If you are talking about the smart sidebar feature you can disable it in the theme panel
– https://www.screencast.com/t/h8Zqz9yCsCCo
If you have a different problem, it would be very helpful if you could provide a link to your website where this is happening so we can inspect the problem.
Thanks
No I would like it on. It is just on the scroll down, the sidebar goes under the menu and gets covered up. I would like it to be fixed right under it at all times. I would assume maybe some padding or a margin at the top would work, but I do not want that on the page all the time.
Here is sample page with a lengthy scroll.
https://www.riachannel.com/test/
Thanks!
Hi,
The sidebar does not get covered up when you scroll down the page. It remains at a distance below the menu – https://www.screencast.com/t/gSSQJwEFPr
Maybe you mean the space between the sidebar and menu when scrolled
– https://www.screencast.com/t/CSDYe4Sdf1
You could try this code if that is the case (enter it in Theme panel->Custom Css)
– https://www.screencast.com/t/bhvL8CHFQ
.td-ss-main-sidebar {
top: 74px!important;
}
Thanks
Hi, I tried to enter the code and I notice it only affects sidebar on the blog/post. Also It seems the sidebar is missing once the post page reach end of page. Any info how to keep the sidebar appearing at the end of post? Also how to apply it to the page type sidebar?
Thanks
Hi,
I see you used the code from above, the sidebar doesn’t disappear at the end of the post from what I can see – http://prntscr.com/md56wl
That code simply adds some more space from the top. It will affect only posts, on pages you could try something like this and see if it works properly
.page .td-pb-span4.td-is-sticky .wpb_wrapper{
top: 50px!important;
}
Thanks