Problems with Sidebars and #pusher in Semantic UI

Question

Please, help me with this issue.

I have a sctructure.

 <div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed"> ... </div> <div class="ui left sidebar vertical inverted menu overlay" id="ls"> ... </div> <div class="ui right sidebar vertical inverted menu overlay" id="rs"> ... </div> <div class="ui fixed top attached inverted menu"> ... </div> <div id="page"> ... </div> 

When I am clicking on toggle button, I am having problems... Semantic-ui puts all divs to #pusher without #ls and top fixed menu. Administration toolbar is invisible, because is inside #pusher.

I don't want #rs and toolbar inside #pusher.

 <div class="ui left sidebar vertical inverted menu overlay" id="ls"> ... </div> <div id="pusher"> <div id="skip-link"> <a href="#middle-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed"> ... </div> <div class="ui right sidebar vertical inverted menu overlay" id="rs"> ... </div> </div> <div class="ui fixed top attached inverted menu"> ... </div> 

How can I solve this problem? Thanks!!!

Answer 1

我看到您有两个名为“ ls”的div，我假设第二个被称为“ rs”，这就是为什么将其移入#pusher

Answer 2

We needs add class "Pusher" instead id. Thats all.