Expanding Width of NavBar

Site URL: https://tortoise-frog-lldn.squarespace.com/config/

Hi! I'm trying to make my NavBar spaced out, having the hardest time figuring it out... I'm trying to go for the concept of having the NavBar menu spaced out like a newspaper like the picture below haha.... I'd appreciate any help! 😁

Hi,

The site is private. Can you setup an access password & share url again?

On 8/28/2022 at 2:46 AM, tuanphan said:

Hi,

The site is private. Can you setup an access password & share url again?

Sure! I sent you the password, here's the URL! https://tortoise-frog-lldn.squarespace.com/config/settings

You mean

• Logo top
• Nav under logo, with border around items

Is this right?

On 8/30/2022 at 10:23 PM, tuanphan said:

You mean

• Logo top
• Nav under logo, with border around items

Is this right?

Yes! 😁

15 hours ago, tuanphan said:

Try adding to Design > Custom CSS

/* Fullwidth navigation border*/
.header-announcement-bar-wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.header-display-desktop {
    flex-direction: column;
}
.header-title-nav-wrapper {
    flex: 0 0 100% !important;
    margin-right: auto;
    width: 100% !important;
}
nav.header-nav-list {
    display: flex;
    width: 100%;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.header-nav-item a {
    line-height: initial;
    text-decoration: none;
    border: none !important;
    background-image: none !Important;
}
.header-nav-item {
    border-left: 1px solid black;
    border-right: 1px solid black;
    margin: 0 !important;
    padding-left: 1vw;
    padding-right: 1vw;
    margin-left: -1px !important;
}

 

THANK YOU SO MUCH! This worked!!!!