Mobile Header

Site URL: https://www.rockerboxgarlic.com/

Hi! Been using Squarespace for a decade and this is my first time ever posting a question 🙂 I've searched everywhere and have no solution to this problem.

I need to change the layout of my mobile header, and there is no way to do this without custom code. As you can see, my menu and logo are stacked, which takes up almost the whole mobile screen (see the white "Spice Co" screenshot).
I would like it to have the more traditional layout of having menu/logo/cart all in the same row (see the swimsuit screenshot). 

I use version 7.0, Montauk template.
Thank you!

12 minutes ago, Rockerbox said:

I need to change the layout of my mobile header, and there is no way to do this without custom code. I use version 7.0, Montauk template.

The best way to do this is to change the template to a Brine-family template instead of the older Montauk family template. You will be able to place the navigation link in the same line as the site logo and cart icon - without using code. Also, the newer templates generally have better features, especially for mobile devices and e-commerce stores.

You can try another template using the template preview feature without affecting the live site.