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!

     

    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.

    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/

     

    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!

    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?

    @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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form