Home › Forums › Gillion Theme › Sticky Sidebar widgets in Gillion
Home › Forums › Gillion Theme › Sticky Sidebar widgets in Gillion
Hello!
#1 Can you tell me how to make the left sidebar NOT sticky? I am in the process of adding google adsense ads and need to be compliant. Example page is: https://www.grayingwithgrace.com/tips-for-using-a-knee-walker/
#2 Also, I need the floating social share icons to move to the right side of the screen. Can you help me with the CSS I need? I tried just to do float: right but it did not work correctly. I have the bar temporarily disabled for now.
Thanks!
Solution for this topic
Hi @scottgrantwv,
I hope you are well today and thank you for your questions.
#1 Can you tell me how to make the left sidebar NOT sticky? I am in the process of adding google adsense ads and need to be compliant. Example page is: https://www.grayingwithgrace.com/tips-for-using-a-knee-walker/
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.sidebar-left .theiaStickySidebar { position: static !important; }
#2 Also, I need the floating social share icons to move to the right side of the screen. Can you help me with the CSS I need? I tried just to do float: right but it did not work correctly. I have the bar temporarily disabled for now.
Try using below custom CSS code to achieve this.
.post-content-share:not(.post-content-share-side):not(.post-content-share-mobile) { float: right; margin-right: -65px; }
Best regards,
Shufflehound team
Thanks – the sticky sidebar widgets are now resolved.
BUT – the share bar starts off in the right position but moves towards the center once I start scrolling. See attached screenshot
Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?
sure – here is an example url: https://www.grayingwithgrace.com/phones-for-seniors-with-dementia-alzheimers/
Solution for this topic
Please use below custom CSS code instead of above.
.post-content-share:not(.post-content-share-side):not(.post-content-share-mobile) { right: 0; float: right; }
That fixed it. Thanks!
You are most welcome here 🙂
I’m having the same problem. I want the sidebar not to be sticky anymore because I’m using Google Adsense. I added the CSS code as written above but nothing happens. The sidebar is still sticky as you might see here:
http://www.arabsounds.net/2018/05/12/5-dabke-songs-that-will-make-you-wanna-dance/
Am I doing something wrong?
@Nizar Sorry we missed your reply here but answered your question in your following topic.
https://support.shufflehound.com/forums/topic/how-to-mack-side-bar-non-sticky/#post-25795