- This topic has 11 replies, 2 voices, and was last updated 7 years, 12 months ago by
.
Hi, when scroll down, the sidebar goes over the footer.
blog.tecnocasa.es
TC01
Hi @stezelco,
I hope you are well today and thanks for posting here.
This is happening because you have made the sidebar sticky on your site so please tell me how you want it to display so that i can help you to achieve it.
Best regards,
Shufflehound teamI would like that the sidebar vertical slide, stops when it finds a full page element (ie. call to action or footer).
see blog.tecnocasa.es
TC01
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#sidebar .theiaStickySidebar { z-index: -1; } #wrapper > .sh-page-layout-default { padding-bottom: 0; } section.vc_cta3-container { margin-bottom: 0; }Hi, the sidebar does not stop when it find a full time element, it scroll until the end of the pages below the full size call to action and the footer
No it doesn’t stop as you have made the sidebar sticky that’s why i provided above CSS code to hide it below full width sections.
Use below custom CSS code so that it won’t display between the spaces of full width sections.
#wrapper > .sh-page-layout-default { padding-bottom: 0 !important; }Hi and is not possible to reproduce the behaviour of the sidebar in this page? https://gillion.shufflehound.com/2017/01/25/organize-your-work-flow-with-available-tech-and-software/
It is sticky but it stops when it find a full size element.
Or, if not possible, how to choose a not sticky sidebar?
thank you
The sections on the shared pages are different therefore it is displaying like that.
You can disable it using below Custom CSS code.
#sidebar .theiaStickySidebar { position: static !important; }Using this code, scroll down, there is a point where the bar moves down and, if scroll more, goes to its position on the top
Solution for this topic
Ok then please try using below custom CSS code instead of above.
#sidebar .theiaStickySidebar { position: static !important; transform: none !important; }Thank you, it works
You are most welcome here 🙂
