title: What I have to do that menu will be on the top side of slider?
body: <p>I have a problem concerning my mobile menu and slider. I want the menu will on the top side of the slider. But when I'm clicking on the menu icon, the menu isn't shown. I tried in many ways but I still not solved the problem. Thank you in advance.
  `
  
  
  
  lorem
  
  
  
  </p>
  <pre><code>&lt;body&gt;
     &lt;header&gt;
      &lt;nav&gt;
          &lt;input type=&quot;checkbox&quot; id=&quot;check&quot;&gt;
          &lt;label for=&quot;check&quot;&gt;
              &lt;i class=&quot;fas fa-bars&quot; id=&quot;btn&quot;&gt;&lt;/i&gt;
              &lt;i class=&quot;fas fa-times&quot; id=&quot;cancel&quot;&gt;&lt;/i&gt;
          &lt;/label&gt;
  &lt;img src=&quot;/img/logo.svg&quot; alt=&quot;logo&quot;&gt;
          &lt;ul&gt;
              &lt;li class=&quot;el1&quot;&gt;&lt;a href=&quot;#&quot;&gt;lorem&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;el1&quot;&gt;&lt;a href=&quot;#&quot;&gt;lorem&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;el1&quot;&gt;&lt;a href=&quot;#&quot;&gt;lorem&lt;/a&gt;&lt;/li&gt;
              &lt;li class=&quot;el1&quot;&gt;&lt;a href=&quot;#&quot;&gt;lorem&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
      &lt;/header&gt;
      &lt;div class=&quot;container&quot;&gt;
          &lt;div class=&quot;slider&quot;&gt;
              &lt;div class=&quot;slide slide1&quot;&gt;
                  &lt;div class=&quot;caption&quot;&gt;
                      &lt;h2&gt;Slide1&lt;/h2&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;slide slide2&quot;&gt;
                  &lt;div class=&quot;caption&quot;&gt;
                      &lt;h2&gt;Slide2&lt;/h2&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;slide slide3&quot;&gt;
                  &lt;div class=&quot;caption&quot;&gt;
                      &lt;h2&gt;Slide3&lt;/h2&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;slide slide1&quot;&gt;
                  &lt;div class=&quot;caption&quot;&gt;
                      &lt;h2&gt;Slide1&lt;/h2&gt;
                      &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio corrupti nemo incidunt deserunt obcaecati vero dolor explicabo tempore, rem quas cum vitae magni dolores. Delectus voluptatem dicta quam assumenda est.&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>Code: <a href="https://codepen.io/FilipoV/pen/ExNowKM" rel="nofollow noreferrer">https://codepen.io/FilipoV/pen/ExNowKM</a></p>