Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Reply To: Menu overlays on top of a popup page..... how to stop?

Home › Forums › Older releases › 1.0.x › Menu overlays on top of a popup page..... how to stop? › Reply To: Menu overlays on top of a popup page..... how to stop?

February 22, 2016 at 17:17 #3056
RKwasi
Participant

Where would make this change/addition?

Changing z-index:9999 to z-index:8000 in “sm-core-css.css” didn’t seem to do anything different.

I was looking through the css files and the page but can’t seem to find the “id” references in the navigation html code anywhere, especially the “main-menu” one referenced below (I built the page using the sample “simple” code)

from my page:

<nav id="main-nav" role="navigation">
<!-- Mobile menu toggle button (hamburger/x icon) -->
<input id="main-menu-state" type="checkbox" />
<label class="main-menu-btn" for="main-menu-state">
  <span class="main-menu-btn-icon"></span> Toggle main menu visibility
</label>

<!-- Sample menu definition -->
  <ul id="main-menu" class="sm sm-simple">
        <li><a href="#">Membership</a></li>
        <li><a href="#">Advertising</a>
            <ul>
            <li><a href="#">Make a Payment</a></li>
            <li><a href="#">Submit an Ad</a></li>
            </ul>
        </li>
  </ul>
</nav>