title: How to move my header-logo above the menu items?
body: <p>I am trying to optimize my shopify store for mobile. But I ran in an issue that I can't fix. My mobile version looks like this right now: <img src="https://i.stack.imgur.com/Dorpc.png" alt="see mobile version here" /></p>
  <p>I would like to make the logo bigger, but yet I need the other icons displayed aswell. I was wondering if there is a possibility to move the logo to a line above the other icons in mobile version. So my mobile header would have two lines; on the first is the logo and on the second all the other icons. This would look somehting like this: <img src="https://i.stack.imgur.com/pUWlf.png" alt="see wish verison of mobile here" /></p>
  <p>My store url is: snow-pearl.com and I am using the debut shopify theme. You can find the <code>header.liquid</code> code by clicking <a href="https://gist.github.com/RemoZemp/acacc49d217ca974dd8405671bac838e" rel="nofollow noreferrer">here.</a></p>
  <p>If this isn't possible only for the mobile version, is it possible to implement in the desktop and mobile version? It doesn't matter if the logo is a line above everything else in the desktop version aswell.</p>
  <p>Any help or ideas are greatly appreciated. Thanks so much!</p>
  <p>If you need to know anything more, don't hesitate to ask.</p>