Hello!

Please, help me with this issue.

I have a sctructure.

<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 left sidebar vertical inverted menu overlay" id="ls">
...
 </div>

<div class="ui right sidebar vertical inverted menu overlay" id="ls">
...
</div>
<div class="ui fixed top attached inverted menu">
...
</div>

<div id="page">
...
</div>

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

<div class="ui left sidebar vertical inverted menu overlay" id="ls">
...
 </div>

<div class="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="ls">
  ...
  </div>

</div>

<div class="ui fixed top attached inverted menu">
...
</div>

How I can solve this problem?

Comments

anikitin35’s picture

anikitin35 CreditAttribution: anikitin35 commented

We needs use class instead id.

Example:

SIDEBAR 1
SIDEBAR 2

<div class="pusher">

</div>
anikitin35’s picture

anikitin35 CreditAttribution: anikitin35 commented
Title: Sidebar and #Pusher » Sidebar and .pusher
Issue summary: View changes
anikitin35’s picture

anikitin35 CreditAttribution: anikitin35 commented
Priority: Major » Minor
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.