Sidebar Horizontal bar.

Resolved

(@paolomorales)

Hi, how can I make the horizontal bar of the menu to be disappeared.
Here is an image

In my childs theme css code i have these lines.

body,
button,
select,
textarea {
	font: 400 93.8%/1.5 Noto Sans, Verdana, Arial;
}

.sidebar {width: 20%;}
.site.sidebar-style-constant {width: 80%;}
.sidebar {font-size: 0.813em;}
.sociallink svg, .sociallink img {
	height: 1.688em;
	width: 1.688em;
	margin: 0 0.5%;
}
h2 {
	font-size: 0.750em;
}

BR
Paolo

Viewing 2 replies - 1 through 2 (of 2 total)

sparky672
(@sparky672)

10 years, 2 months ago
If the container with the scrollbar is .sidebar, then you can control the scroll-bars individually…
```
.sidebar {
    overflow-x: hidden;  /* horizontal scrollbar hidden */
    overflow-y: auto;    /* vertical scrollbar as needed */
}
```
Otherwise, you should attack the root problem which is content wider than your container. Perhaps make the container a little wider, and/or remove any superfluous padding.
```
.sidebar {
    padding: 0;
    width: 22%;
}
```
Thread Starter PaoloMorales
(@paolomorales)

10 years, 2 months ago

sparky672 I appreciate your help man, the first one overflow-x: hidden; did the trick. Thanks :).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Sidebar Horizontal bar.’ is closed to new replies.

Tags