Jump to content

CSS help to centre logo and menu on mobile (brine)

Recommended Posts

Site URL: https://norman-header-test.squarespace.com/

Hi Brains!

I have hit a wall - I'm trying to mimic the desktop display on mobile:

So ideally the logo, then the hamburger, centered together. 

The problem is site styles automatically puts the menu on the left side when you center both elements. 

I also can't just force the desktop view on mobile because the menu is a folder on desktop so it creates too many extra clicks on mobile (so I'm using a normal primary nav on mobile and a secondary nav with a font awesome icon on desktop for the hamburger, and have hidden them from each other)

I feel like It's become waaaaaaay too complicated and at the end of the day I just need some CSS to switch the order on mobile of logo and menu. 

Images attached. 

pw is 'norman'

 

 

Screen Shot 2022-06-06 at 12.00.55 pm.png

Screen Shot 2022-06-06 at 12.00.29 pm.png

Link to comment
  • Replies 2
  • Views 169
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.