Jump to content

Adjust Element Spacing in Header for navigation links only, not social media links

Recommended Posts

  • Replies 13
  • Views 2k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 months later...

@noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1

I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). 

I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements.

Thanks!

Screen Shot 2022-07-21 at 4.56.36 PM.png

Screen Shot 2022-07-21 at 4.56.51 PM.png

Edited by jayrdann
Added a new problem
Link to comment
3 hours ago, jayrdann said:

@noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1

I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). 

I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements.

Thanks!

Screen Shot 2022-07-21 at 4.56.36 PM.png

Screen Shot 2022-07-21 at 4.56.51 PM.png

What is site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
10 hours ago, jayrdann said:

It's still a draft under a free trial, so can't share URL. What do you need to check?

You need to code to achieve this. Need site url to check code. You can setup an access password & share url

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
9 hours ago, tuanphan said:

You need to code to achieve this. Need site url to check code. You can setup an access password & share url

Sorry I figured out you don't need to upgrade free trial

Link: hexahedron-bat-9g3d.squarespace.com

Password: Fatu

Link to comment
On 7/21/2022 at 11:59 AM, jayrdann said:

@noahawaii Are you able to help me with a similar issue? Using 7.0, not 7.1

I have two screenshots, I want to make the more compact one look like the more spaced out one (it was designed using a different template). 

I also have another issue: I want "Support" bolded (currently I'm achieving this by having it as a button), but not the other navigation elements.

Thanks!

Screen Shot 2022-07-21 at 4.56.36 PM.png

Screen Shot 2022-07-21 at 4.56.51 PM.png

#1. You want to achieve top or second screenshot?

#2. Add this code to Design > Custom CSS. It will make last item bold

div.header-nav-item:last-child>a {
    font-weight: bold;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
21 hours ago, tuanphan said:

#1. You want to achieve top or second screenshot?

#2. Add this code to Design > Custom CSS. It will make last item bold

div.header-nav-item:last-child>a {
    font-weight: bold;
}

 

Brilliant! That worked - thank you!

The second screenshot - with more spacing - is what I'm after 🙂

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.