Left sidebar fixed position with scrollbar.

  • Resolved alixdsgn

    (@alixdsgn)


    11 years, 7 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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter alixdsgn

    (@alixdsgn)

    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.

    Thread Starter alixdsgn

    (@alixdsgn)

    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.

    ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you make your CSS changes?

    Thread Starter alixdsgn

    (@alixdsgn)

    Appearance > Editor > Stylesheet (style.css)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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.