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

  • scottgrantwv
    Participant

    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!

     

    Shufflehound Support
    Moderator

    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

    scottgrantwv
    Participant

    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.

    Shufflehound Support
    Moderator

    Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?

    scottgrantwv
    Participant

    sure – here is an example url: https://www.grayingwithgrace.com/phones-for-seniors-with-dementia-alzheimers/

     

    Shufflehound Support
    Moderator

    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;
}

    scottgrantwv
    Participant

    That fixed it. Thanks!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

    Nizar
    Participant

    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?

    Shufflehound Support
    Moderator

    @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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)