Here is a snippet of code showcasing how my website is structured for both desktop and mobile views.
Display on Desktop
<body>
<div>
<header>
<div>example</div>
<a><img src"my logo is here"/></a>
<div>example</div>
<nav>classic-menu</nav>
</header>
</div>
</body>
Display on Mobile
<body>
<div>
<nav>menu responsive</nav>-------> when the menu goes into dropdown, all header content follows the menu
<header>
<div>example</div>
<a><img src"my logo is here"/></a>----->wrong logo position appears when you open the responsive menu
<div>example</div>
</header>
</div>
</body>
I am looking to see if I can use media queries to rearrange the current order of elements in the HTML to correct the logo's position in the responsive view.