Move Navigation Pages to the Right Side

EddiOS42 · February 21, 2023

Hi, I'm trying to move the navigation bar to the right side. So in my case, the About page should be on the right. I've searched the web but couldn't find anything that works (tried all the css code I could find). I also can't link the url as I'm in trial mode (2nd day).

Ziggy · February 21, 2023

Have you found the header layout options when editing the header? Edit a page and then click on the header where it says edit header.

https://support.squarespace.com/hc/en-us/articles/360000667707-Building-a-site-header

Sharing your website is generally quite important for getting help, and with a site wide password, you can share it here (as well as test on your phone or get feedback from others)

https://support.squarespace.com/hc/en-us/articles/205815528-Site-wide-passwords

EddiOS42 · June 16, 2023

Hi, I've attached the link below. I want the logo to be centered, and the pages to be on the right. The given layout options for desktop do not have that. https://www.eddiekuo.design/

tuanphan · June 20, 2023

Keep your current layout (left nav - middle logo) then add this to Design > Custom CSS

/* Nav to right */
@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    flex: 1 0 100% !important;
    flex-direction: row-reverse;
}
.header-nav-wrapper {
    text-align: right;
}
.header-title-logo a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
}
}

Move Navigation Pages to the Right Side

Recommended Posts

EddiOS42

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

Ziggy

Link to comment

EddiOS42

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

News

tuanphan

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources