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
If you need services beyond standard support, we've got your back!
If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.
We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.
More complex styling changes, theme option modifications, and third-party integrations.
If you need something that's not included in the theme, we can code it for you.
Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.
Full website builds, custom theme development, or plugin creation from scratch.
We'll provide a clear quote based on what you need. No hidden fees.