WordPress.org

Ready to get started?Download WordPress

Forums

Ari
[resolved] Left sidebar fixed position with scrollbar. (6 posts)

  1. alixdsgn
    Member
    Posted 11 months ago #

    The left sidebar with fixed position is great and allow a very easy navigation,
    but if the "navigation menu" is too "long" you can't see it all.

    I really would like to avoid to make the left sidebar scrolling with the whole page because I will loose in my opinion the best feature of this theme (navbar always displayed).

    What I would like to do is add a scrollbar to the left sidebar.

    Any idea? I don't have a clue :)

    Thanksss

  2. alixdsgn
    Member
    Posted 11 months ago #

    Ohhhh I did it!

    From this:

    #sidebar-primary {
    	width:240px;
    	margin:0px 0px 60px 0px;
    	float:left;
    	position: fixed;
    }

    To this:

    #sidebar-primary {
    	width:240px;
    	height:100%;
    	margin:0px 0px 60px 0px;
    	float:left;
    	position: fixed;
    	overflow: auto;
    }

    Now the only problem are margins.

  3. alixdsgn
    Member
    Posted 11 months ago #

    I changed the top margin in here:

    #wrap {
    	max-width: 960px;
    	margin: 20px auto 0 auto;
    	padding: 0px 30px 0px 30px;
    	z-index: 0;
    }
    #wrap {
    	max-width: 960px;
    	margin: 0px auto 0 auto;
    	padding: 0px 30px 0px 30px;
    	z-index: 0;
    }

    Ok I know I am not a CSS genius but hopefully this topic will help someone with the same issue.

    :)

  4. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Where did you make your CSS changes?

  5. alixdsgn
    Member
    Posted 11 months ago #

    Appearance > Editor > Stylesheet (style.css)

  6. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 11 months ago #

    Use this plugin instead; meaning write new CSS instead of editing existing, therefore use this CSS:

    #sidebar-primary {
     overflow: auto;
     height: 100%;
    }
    
    #wrap {
     margin-top: 0;
    }

Reply

You must log in to post.

About this Theme

About this Topic