How to change menu position with materialize framework?

Asked

Viewed 353 times

0

Someone knows how to always put the slide on top and everything else(menu, text, etc...) after the slide?

example: http://99webpage.com/theme-review/html/tooku/index.html

Using the framework: meterialize

<div class="slider fullscreen">
        <ul class="slides">
          <li>
            <img src="http://lorempixel.com/580/250/nature/1"> <!-- random image -->
            <div class="caption center-align">
              <h3>This is our big Tagline!</h3>
              <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
            </div>
          </li>
          <li>
            <img src="http://lorempixel.com/580/250/nature/2"> <!-- random image -->
            <div class="caption left-align">
              <h3>Left Aligned Caption</h3>
              <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
            </div>
          </li>
          <li>
            <img src="http://lorempixel.com/580/250/nature/3"> <!-- random image -->
            <div class="caption right-align">
              <h3>Right Aligned Caption</h3>
              <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
            </div>
          </li>
          <li>
            <img src="http://lorempixel.com/580/250/nature/4"> <!-- random image -->
            <div class="caption center-align">
              <h3>This is our big Tagline!</h3>
              <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
            </div>
          </li>
        </ul>
      </div>

                   <div class="navbar-fixed left">
                    <nav>
                      <div class="nav-wrapper">
                        <a href="#!" class="brand-logo">Logo</a>
                        <ul class="right hide-on-med-and-down">
                          <li><a href="sass.html">Sass</a></li>
                          <li><a href="badges.html">Components</a></li>
                          <li class="active"><a href="collapsible.html">JavaScript</a></li>
                        </ul>
                      </div>
                    </nav>
                  </div>        

The problem is that the menu is always on the slide and I want something like in the example I send.

  • Could you add the relevant code of what you have so far? And if possible also improve the question, because in the title you mention one thing, and in the body of the question it seems that you are questioning another.

  • I already edited the question and put the code I have.

  • I believe this will solve your problem http://codepen.io/anon/pen/vNgMEe

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.