Instagram widget to scroll with page.

• 

  oliviacorin26 · Member · Oct 6, 2016 at 6:25 am

  • Copy link
  • Add topic to favorites

  I added a sidebar Instagram widget on my IPPO premium theme. I was wanting to have the widget scroll with the page as a person scrolls down. How do I do this?

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Oct 6, 2016 at 6:31 am

  • Copy link

  Can you post the URL to a page that has the widget on, I can’t seem to find a page where it’s appearing.

• 

  moshekahol · Member · Oct 6, 2016 at 6:44 am

  • Copy link

  Hi hallluke and oliviancorin26, hope you dont mine im adding this…
  I encounter similar challenge here and hope someone help me with the same issue here:

  https://en.forums.wordpress.com/topic/side-bar-widget-1?replies=2

  Byrheway how you know whats the widget idname so you can target it?

  Thanks alot!

• 

  hallluke · Member · Oct 6, 2016 at 6:47 am

  • Copy link

  Hi moshekahol,

  Please try not to hijack other people’s posts. Even though part of your issue is the same you are using a different theme to Olivia so it’s very likely the CSS for both of you will be different. Also any posts here generate email notifications for any commenters who are subscribed and it’s a bit of a pain to receive them for unrelated issues.

• 

  oliviacorin26 · Member · Oct 6, 2016 at 7:02 am

  • Copy link

  That URL above should work now Hallluke.
  I’m sorry, I just updated it. I had removed it to try and figure it out. I added it back! It is on my home page and I want it to scroll down with the page. If possible.
  Also, I don’t mind sharing a forum if someone else needs help like me! :) Thanks for any future help from anyone.

• 

  hallluke · Member · Oct 6, 2016 at 7:04 am

  • Copy link

  I’m not sure it’s going to be possible in your theme because of the full-width header image. I don’t think you want the widget hovering over the image which would look untidy and, unfortunately, it’s not possible to have it scroll with the page until the header is off screen and then stick to the top using just CSS.

• 

  oliviacorin26 · Member · Oct 6, 2016 at 7:06 am

  • Copy link

  Oh, I suppose that makes sense. I thought there was a way to do it under the head image! Thanks anyway!

• 

  hallluke · Member · Oct 6, 2016 at 8:49 am

  • Copy link

  You’d have to pin it to the page at the same point no matter where you were scrolled, which gets even more confusing when you take into account the different devices and screen sizes your site might be viewed on.