• 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

Wintersong – making header/sidebar scrollable

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 › Wintersong – making header/sidebar scrollable

This topic is: not resolved

Tagged: css, fixed position, header, menu, position, Sidebar, Wintersong

  • This topic has 3 replies, 2 voices, and was last updated 10 years, 6 months ago by SamBell.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 29, 2014 at 10:35 pm #135635
    SamBell
    Member

    Hi there. I am working with Winterising and I am just wondering, how do you make the sidebar/header area scrollable? I tried just deleting position: fixed and also tried changing it to position: scroll but both of these made the inner-site (post content) site below the bottom of the sidebar, instead of where it should be. Can someone please shed some light on how to fix this.

    http://www.sambellcreative.com/test-site/
    December 29, 2014 at 11:08 pm #135638
    WisdmLabs
    Member

    Hi,
    make the following changes in your style.css

    .site-container{
    max-width:900px;
    width:100%;
    }

    Remove position:fixed and margin-left on .site-header
    add this to it

    .site-header{
    float:right;
    }

    http://wisdmlabs.com/

    December 29, 2014 at 11:45 pm #135639
    SamBell
    Member

    Hi there! Thanks for that, it worked =] but now everything is aligning to the left - I want everything centred, do you know how to do this?

    December 30, 2014 at 12:10 am #135641
    SamBell
    Member

    It's ok, it was something I did. All looks great now. Thanks so much for your help!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • 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

© 2025 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