Support » Theme: Ari » Left sidebar fixed position with scrollbar.

  • Resolved alixdsgn

    (@alixdsgn)


    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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.

    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.

    🙂

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Where did you make your CSS changes?

    Appearance > Editor > Stylesheet (style.css)

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Left sidebar fixed position with scrollbar.’ is closed to new replies.