Sticky Sidebar widgets in Gillion

Home Forums Gillion Theme Sticky Sidebar widgets in Gillion

Home Forums Gillion Theme Sticky Sidebar widgets in Gillion

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts
  • 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

    Attachments:
    You must be logged in to view attached files.

    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

Viewing 10 posts - 1 through 10 (of 10 total)