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 



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.