Jump to content

Make "buttons" the same size in Navigation

Recommended Posts

I've never built a site before and could really use the help!

Instead of enabling Squarespace's single button option in the Navigation Bar, I've opted to create my own multi-button list by adding in navigation links. However, I had to line-wrap one "button" and I'd like to make the backgrounds all the same size rather than have one larger than the other 2.

 

Website address is: www.doctorscreenvictoria.com

 

TIA

Link to comment
  • Replies 1
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

@Eyra123 I just checked, you can use the min-width for this situation. here is a code you need to add into CSS code.
.header-nav-list {
  .header-nav-item {
    margin-bottom: 10px !important;
    a {
      min-width: 220px !important;
    }
  }
}

see screenshot.

Doctor-Screen-Greater-Victoria.png

Edited by sqsp_guru

Please like and upvote if you found my comments helpful. Cheers 🙂

Agha Waqas (sqsp guru)
Squarespace Website Developer
Contact me: https://sqspguru.com or hello@sqspguru.com

 Did I help? Buy me a coffee? (thank you!)

Link to comment

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.