Jump to content

Adding button to nav menu without using secondary nav

Recommended Posts

Site URL: http://gregorylassale.com

Hello,

I use the Brine template and am trying to have the menu item on the right ("FR") styled as a button. 

That menu item toggles between the French and English versions of the site, and because the site is multilingual and already uses a secondary nav for the the French version, I can't go the secondary nav option route. Plus I need that same menu item on the French version ("EN") also styled as a button anyway.

Is there any way to accomplish this without code ? If not, could anyone help me with it ? I guess I would need a piece of code that would style only one item in the nav bar as button and leaves the rest alone. 

Thanks in advance for your help !

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Sure!  Instead of width, you may want to use padding to add space between the text and the border edges. The first number will be the top/bottom spacing, second one is left/right spacing.

.Header-nav-inner>a:last-child {
  border: 1px solid white;
  border-radius:5px;
  padding:5px 25px;
  width:150px;
}

 

Creating websites using Squarespace at Design by Donuts 🍩

Link to comment

Hello again. For some reason, changing the padding values did not seem to do anything, so I set the width at 50px and centered the text. 

One more thing I forgot. I'd like the color of the button and text to change on hover: text to black and button to white. Is that possible via CSS?

 

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.