Jump to content

Centre navigation underneath logo on Mobile view

Recommended Posts

Hi there. I want to center my MOBILE navigation underneath the logo. The logo is horizontal and quite wide, so on mobile it pushes the navigation to the side and then I have a horizontal scroll bar on the site. 😒 To make the logo larger and not tamper with the site's width, best option would be to put the navigation below the logo.

Anyone have some custom code please?


Link to comment
  • Replies 3
  • Views 279
  • Created
  • Last Reply

Top Posters In This Topic

On 3/20/2023 at 7:29 PM, Annelize said:

https://sophiagracecouture.squarespace.com Password sgc2023.

Thank you!

Add to Design > Custom CSS

/* Burger under mobile */
@media screen and (max-width:767px) {
.header-display-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.