Mirror Site Header/Navigation

Site URL: https://www.lyonbarberstudio.squarespace.com

Hi,

My website is lyonbarberstudio.squarespace.com
password is: lyonbarberstudio

I want to mirror my navigation. Basically, my logo on the right. Nav links and call to action button to the left.

How do I make this possible with custom CSS?

3 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Header layout */
.header-display-desktop {
    flex-direction: row-reverse;
}
.header-title-nav-wrapper {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.header-nav {
    text-align: left !important;
}

 

Thank you very much! This works. Is it possible to implement on mobile view as well?

On 7/9/2021 at 10:52 AM, Eivind_ said:

Thank you very much! This works. Is it possible to implement on mobile view as well?

Hi,

You mean, force desktop header on mobile

or mobile shoe be: Logo - Burger - Button?