• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Sticky Sidebar Widget – Smart Passive Income Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Sticky Sidebar Widget – Smart Passive Income Theme

This topic is: not resolved

Tagged: Sticky Sidebar, sticky widget

  • This topic has 30 replies, 2 voices, and was last updated 9 years, 10 months ago by Brad Dalton.
Viewing 11 posts - 21 through 31 (of 31 total)
← 1 2
  • Author
    Posts
  • September 28, 2016 at 3:32 am #193797
    Brad Dalton
    Participant

    2 Issues: It's missing an offset for both the top when you scroll back up as its displays over the non sticky sidebar widgets and also another offset for the bottom.


    Tutorials for StudioPress Themes.

    September 28, 2016 at 5:25 am #193803
    rogerp
    Participant

    OK Thanks Brad,

    Will work on that, one question.

    You say it is working for you?

    When I view it the sidebar doesn't stick for me? - I am using Chrome and IE

    Roger


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 28, 2016 at 6:27 am #193804
    Brad Dalton
    Participant

    Did you use

    var sidebarElement = $('.sidebar-primary');

    or you can use

    aside#genesis-sidebar-primary

    Tutorials for StudioPress Themes.

    September 28, 2016 at 6:40 am #193805
    rogerp
    Participant

    Thanks Brad, I misunderstood when you said it was working for you - but not on my site (on yours?)

    I have tried

    var sidebarElement = $('#sidebar-primary');

    var sidebarElement = $('#.sidebar-primary');

    But the sidebar will just not stick.

    What theme are you trying it on?


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 28, 2016 at 6:43 am #193806
    Brad Dalton
    Participant

    Roger

    Please check your code as its not exactly the same as mine which is why it doesn't work.

    Testing on the Genesis Sample child theme.


    Tutorials for StudioPress Themes.

    September 28, 2016 at 7:07 am #193807
    rogerp
    Participant

    Thanks Brad, but I am not a coder and not sure what I am looking for?

    How can I compare against yours?

    Can I just pay you to fix this for me?

    Thanks
    Roger


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 28, 2016 at 7:44 am #193810
    rogerp
    Participant

    Hi Brad,

    Change of tact now - I have found this code https://gist.github.com/srikat/8783212 which is doing it slightly differently

    The Sidebar is now fading in on my site but just not sticking


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 28, 2016 at 7:54 am #193812
    rogerp
    Participant

    Ok nearly there - got it to stick now - but it's just crashing over the footer


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 28, 2016 at 8:42 am #193813
    Brad Dalton
    Participant

    Yes, the code needs extending to stop at the footer as well as to stop before the sidebar.


    Tutorials for StudioPress Themes.

    September 28, 2016 at 9:47 am #193824
    rogerp
    Participant

    Thanks for all your support Brad, will work that one out later.

    One other question - this is now sticking the last widget. which is great as I have it for my email sign up.

    But if I wanted to include 3 separate elements

    i.e within the last widget - 2 separate images and also the enews extended

    It seems it has to be the enews widget or a few images within a widget but no way of doing both?


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    September 29, 2016 at 3:29 am #193866
    Brad Dalton
    Participant

    I'm sure there would be a way to do this. I know you can apply code to specific widgets in a sidebar.

    This is jquery i spent a few hours on which you can use with specific widgets however it only works with 1 widget at a time.

    It doesn't include the fadein effect.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 11 posts - 21 through 31 (of 31 total)
← 1 2
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble