move logo to the right side of page

Hi I'm wanting to change the logo's location on the page to the right hand side but there doesn't seem to be a way to do it within squarespace 

I'm on 7.1 and this is a lot harder than it used to be. 

If I need to use a little code, its fine; I just need to know what it has to say or if anyone can provide a link to a sniplet or something I have tried many different code sniplets and none have worked for me so maybe I did something wrong. 

7 hours ago, Ziggy said:

Can you share your website URL?

If you set the logo to be on the left and the navigation on the right, then add this code (which swaps the order of the elements) to Custom CSS:

.header-title-nav-wrapper {
    flex-direction: row-reverse;
}
.header-layout-nav-right .header-nav {
    text-align: left;
    padding-left: 0vw;
    padding-right: 2wv;
}

blurplegirl.me 

Also doesn't seem to be an option to move/reposition the logo, I think its permanently set that way according to the theme? 

You can change it in the header settings:

https://support.squarespace.com/hc/en-us/articles/360000667707-Building-a-site-header#:~:text=Set computer layout,-To set how&text=your site preview.-,Hover over the header and click Edit site header.,preview it on your site.

37 minutes ago, Ziggy said:

You can change it in the header settings:

https://support.squarespace.com/hc/en-us/articles/360000667707-Building-a-site-header#:~:text=Set computer layout,-To set how&text=your site preview.-,Hover over the header and click Edit site header.,preview it on your site.

Looked everywhere, no way to change it.  I'll just have to get someone to do this for me; apparently I picked a bad theme LOL 

30 minutes ago, BlurpleGirl said:

Looked everywhere, no way to change it.  I'll just have to get someone to do this for me; apparently I picked a bad theme LOL 

All of the themes have the same functionality.

I can see you will have the option to change it, click here:

Edit Header -> toggle desktop settings (yellow) -> Layout.

28 minutes ago, Ziggy said:

All of the themes have the same functionality.

I can see you will have the option to change it, click here:

Edit Header -> toggle desktop settings (yellow) -> Layout.

my dad didn't realize you had to do it in desktop rather than global. 

19 minutes ago, BlurpleGirl said:

my dad didn't realize you had to do it in desktop rather than global. 

Glad it's working for you!

On 8/7/2023 at 8:31 AM, Ziggy said:

Can you share your website URL?

If you set the logo to be on the left and the navigation on the right, then add this code (which swaps the order of the elements) to Custom CSS:

.header-title-nav-wrapper {
    flex-direction: row-reverse;
}
.header-layout-nav-right .header-nav {
    text-align: left;
    padding-left: 0vw;
    padding-right: 2wv;
}

What do you need to change for this to work if you're using the mobile menu on desktop?

On 10/18/2023 at 5:42 PM, robfeltrin said:

What do you need to change for this to work if you're using the mobile menu on desktop?

If you share site url, we can check & adjust code easier