Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How to get navigation bar on one line


hollygrows

Question

  • Answers 15
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Space has been reserved on the right for a number of header actions. As you only have one, you should be able to reduce the reserved space by adding something like this (to Design > Custom CSS):

Posted Images

15 answers to this question

Recommended Posts

  • 0
1 hour ago, nataliaswarz said:

I need mine to be in one line too.

Space has been reserved on the right for a number of header actions. As you only have one, you should be able to reduce the reserved space by adding something like this (to Design > Custom CSS):

.header-actions.header-actions--right {
  width: 10%;
}

441470561_Screenshot2020-10-21at18_02_12.thumb.png.ebf5c3edc01444d7b7d4aa35e130f321.png

Notes:
1. This is for Squarespace 7.1
2. The percentage value will need to be adjusted for different sites.

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post
  • 0
3 minutes ago, hellohappy said:

www.hellohappyhq.com
password: goods

Add to Home > Design > Custom CSS

/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post
  • 0
4 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


/* Nav one line */
.header-title-nav-wrapper {
    flex: 1 0 90%;
}
.header-layout-nav-center .header-nav {
    width: 100% !important;
    flex: 1 1 100%;
}

 

AAH. Thank you so much!! Really appreciate it! 🙂

Link to post
  • 0

Hi, I have the same problem

 

https://www.agapo.co.uk/

I wonder would anyone be able to help me get the headers all on one line ? 

Also I cant add social icons ? I have linked them correctly etc they were working previously

Link to post
  • 0
4 hours ago, Thomas_Agapo said:

Hi, I have the same problem

 

https://www.agapo.co.uk/

I wonder would anyone be able to help me get the headers all on one line ? 

Also I cant add social icons ? I have linked them correctly etc they were working previously

How did you add social icons?

Also I see one line here. Did you solve? If no, which device/screen size did you use?

You can send your question to my email to get detail answer. / How to Setup Password & Share URL

--- Happy New Year

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...