Jump to content

Change horizontal navigation to vertical

Recommended Posts

Hello!

I am trying to change my horizontal navigation bar to vertical, I found the code to do this by looking at similar questions on the forum but when I type it in nothing

happens after saving & clicking refresh. I noticed the following note above css page  and wondered if this would apply to the navigation bar also? Note: Custom CSS does not apply to Cover Pages. 

Here's the code I used:

 

 .Header-nav-inner {
    height: unset !important;
    width: unset !important;
    display: flex !important;
    flex-direction: column;
}

 

Thanks,

Sarah

 

 

Link to comment
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Note: Custom CSS does not apply to Cover Pages. 

Notes: CSS can apply to Cover Page 😂

wrap CSS in <style>CSS</style> and add to Cover Page Header

Edited by tuanphan

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks, but would you mind showing me how you'd wrap in the css to the below code & add to page cover header?

Sorry...I'm new to using code! 

🙂

.Header-nav-inner {
    height: unset !important;
    width: unset !important;
    display: flex !important;
    flex-direction: column;
}

Link to comment
<style>
  .Header-nav-inner {
    height: unset !important;
    width: unset !important;
    display: flex !important;
    flex-direction: column;
}
</style>

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

ok so the only other options I can see are:

1, Edit site header - which gives no option to insert code

2, The block above edit site header is titled page over view and there is an option to insert code there under page settings

Perhaps I have deleted cover page header....as I can't find it anywhere!

Link to comment
  • 4 weeks later...
15 hours ago, JarConcept said:

I am trying to do the same as Sarah and having the same issue. Can you help, please?

Can you share link to your site?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.