• Plans & Pricing
  • Log in
  • Get started
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio 
  • Enterprise WordPress 
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • WordPress AI Features
  • Google Apps
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Get started
  • Sign up
  • Log in
About
  • Plans & Pricing
Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Newsletter
  • Professional Email
  • Website Design Services
  • Commerce
  • WordPress Studio  
  • Enterprise WordPress  
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • WordPress AI Features
  • Google Apps
Resources
  • Support Center
  • WordPress News
  • Business Name Generator
  • Logo Maker
  • Discover New Posts
  • Popular Tags
  • Blog Search
Jetpack App
  • Learn more
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Search
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
Forums / Installing Scroll Follow Sidebar on PenScratch 2

Installing Scroll Follow Sidebar on PenScratch 2

  • Unknown's avatar
    singaporestocksblog · Member · Mar 29, 2017 at 7:46 am
    • Copy link Copy link
    • Add topic to favorites Add topic to favorites

    Ref to my blog singaporestocksblog.wordpress.com

    I am using Penscratch2 as the theme

    At present both static pages and posts feature ‘Recent Posts’ on the right coloum. I would like to set to floating i.e. the ‘Recent Posts’ are still visible on the right as you scroll down? An effect like at https://css-tricks.com/examples/ScrollingSidebar/css.php

    The code is in tutorial: https://css-tricks.com/scrollfollow-sidebar/ on the “CSS” field.

    However I’m not sure if that code will work automatically when added to the site.

    Can you please help to check/implement the code for me?

    Many thanks.

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

  • Unknown's avatar
    thesacredpath · Member · Mar 29, 2017 at 9:59 pm
    • Copy link Copy link

    Hi there, I took a look at your site, and if someone has a monitor that is 1024px x 768px, or have their window set at around that size, the recent posts widget will not be visible to them, and if we set it to “fixed” then it will stay at that location, out of site to them. See this screenshot: https://cldup.com/CLc87ZQAQ9.png. This would also occur on tablets, but a little more of the widget would be visible since there is less at the top of the window (toolbars, etc.) on them.

    You can try the following and see the effect.

    #content {
      position: relative;
    }
    #secondary {
      position: fixed;
      right: 0;
    }

    jQuery or Javascript would give us much more control over things, but they are not allowed here at WordPress.com for security reasons. On the CSS Tricks page you reference, scroll down to Concerns and read that. It adds to what I’ve said in my opening paragraph.

  • Unknown's avatar
    singaporestocksblog · Member · Apr 3, 2017 at 2:15 pm
    • Copy link Copy link

    Thank you for your response.

    I browsed https://css-tricks.com/examples/ScrollingSidebar/css.php on the iPhone and the fixed menu widget doesn’t work. So I’ve decided to drop it.

    As for the code you sent, I am a newbie and couldn’t figure where to insert the code. Could you please explain a bit further.

    Many thanks!

  • Unknown's avatar
    thesacredpath · Member · Apr 3, 2017 at 7:52 pm
    • Copy link Copy link

    Hi, the code I gave you is custom CSS. Go to Customize > CSS, delete all the informational text in that window, and paste it in there.

  • The topic ‘Installing Scroll Follow Sidebar on PenScratch 2’ is closed to new replies.

Tags

  • Installing Scroll Follow Sidebar on PenScratch 2

About this topic

  • In: CSS Customization
  • 2 participants
  • 3 replies
  • Last activity 9 years
  • Latest reply from singaporestocksblog

Have a question?

Get in touch
Back to Top

Couldn't find what you needed?

Contact us

Get answers from our AI assistant, with access to 24/7 expert human support on paid plans.

Browse our guides

Find step-by-step solutions to common questions in our comprehensive guides.

WordPress.com

Products
  • WordPress Hosting
  • WordPress for Agencies
  • Become an Affiliate
  • Domain Names
  • AI Website Builder
  • Website Builder
  • Create a Blog
  • Professional Email
  • Website Design Services
  • WordPress Studio
  • Enterprise WordPress
Features
  • Overview
  • WordPress Themes
  • WordPress Plugins
  • WordPress Patterns
  • WordPress AI Features
  • Google Apps
Resources
  • WordPress.com Blog
  • Business Name Generator
  • Logo Maker
  • WordPress.com Reader
  • Accessibility
  • Remove Subscriptions
Help
  • Support Center
  • Guides
  • Courses
  • Forums
  • Contact
  • Developer Resources
Company
  • About
  • Press
  • Terms of Service
  • Privacy Policy
  • Do Not Sell or Share My Personal Information
  • Privacy Notice for California Users
DeutschEspañolFrançaisBahasa IndonesiaItalianoNederlandsPortuguês do BrasilSvenskaTürkçeРусскийالعربيةעִבְרִית日本語한국어简体中文繁體中文English

Mobile Apps

  • Download on the App Store
  • Get it on Google Play

Social Media

  • WordPress.com on Facebook
  • WordPress.com on X (Twitter)
  • WordPress.com on Instagram
  • WordPress.com on YouTube

Automattic

Automattic
Work With Us
    • WordPress.com Forums
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • Manage subscriptions