Jump to content

Preventing Navigation Items from Stacking With a Button

Recommended Posts

I wanted to add a button to my site, but it gets placed strangely 

 

image.thumb.png.6d66d84cb01d7ceff8615a1caa8e10fd.png

I'd like it to go to the right as normal.

my website is https://www.imaginativeslp.com/

(The button is currently disabled)

 

This is the CSS used currently for the nav menu

 

// Nav Menu fixing
.header-nav-item a {
  margin: 0px -5px !important;
}

nav.header-nav-list {
    flex-wrap: nowrap;
}

.header-title-nav-wrapper {
    flex: 100% !important;
    margin-left: 0px !important;
}
.header-display-desktop {
    flex-direction: column;
    justify-content: center;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
}

 

 

 

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.