How to move a menu on a low resolution screen?

Hello! The challenge is available on the website, with a screen resolution from 480px and below, you can move the NAV down the page. Menus are positioned to the left and right. In the middle of the content. Here's an example:
<table width="100%" cellpadding="0" cellspacing="0">
<tbody><tr>
 <td valign="top">
the <div>Navigation</div>
the <div>
the <ul>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
</ul>
</div>
</td>
 <td valign="top">
the <h1>Heading</h1>
 The text on the page
</td>
 <td valign="top">
the <div>Navigation</div>
the <div>
the <ul>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
 the <li><a href="#">Item</a></li>
</ul>
</div>
</td>
</tr>
</tbody></table>


Prescribe in CSS @media screen and (max-width: 480px)
and in the template
<meta name="viewport" content="width=device-width, initial-scale=1.0">

but how to move the NAV down?
July 2nd 19 at 17:51
1 answer
July 2nd 19 at 17:53
Solution
table? 2016? class!

If you leave this table, a rarity in media for small top menu hide display:none bottom show. For large - Vice versa, respectively.

Well, you are good to repaginate in such a manner normally.
Then we duplicate the links, which is not good. - Amanda.Skiles40 commented on July 2nd 19 at 17:56
: well here you have to choose either table or doubles :)

And nothing prevents to put them in noindex - Elmer.Upt commented on July 2nd 19 at 17:59
: maybe you can have fun with thead and tfoot, changing one to another via JS. But, in my opinion, it's cruel. - Elmer.Upt commented on July 2nd 19 at 18:02
: if you alter the layout exclusively in the div, this issue is solved? - Amanda.Skiles40 commented on July 2nd 19 at 18:05
: html5book.ru/css3-flexbox/#order - Elmer.Upt commented on July 2nd 19 at 18:08
: Thanks! - Amanda.Skiles40 commented on July 2nd 19 at 18:11

Find more questions by tags User's navigationAdaptive designScreen resolution