Centre navigation underneath logo on Mobile view

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?

Hi,

What is site url? We can check easier

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

Thank you!

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;
}
}