Geek Answers Handbook

How to make the sidebar always visible in the semantic interface

How to make the sidebar always visible in the semantic interface? Just adding the “active” css class works, but it spoils the page layout.

There is a working example on jsFiddle .

+8
css semantic-ui
source share
2 answers

Ok, at the moment I was doing the following things:

1) added "active" css class to the sidebar

2) added html code below

 <div class="segment"> <div class="container" style="margin:1.5em 1.5em 1.5em 325px"> <!-- content here --> </div> </div>
+1
source share

This is officially fixed .

 <div class="ui vertical inverted left visible sidebar menu"> <a class="item"> <i class="home icon"></i> Home </a> <a class="item"> <i class="block layout icon"></i> Topics </a> </div> <div class="pusher">This is some content.</div>
+11
source share

More articles:


All Articles