Change horizontal navigation to vertical

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

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

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;
}

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

Thanks for your help...but it hasn't worked, does the below look like the right place to put the code?

Settings>Advanced>Code injection

Cover Page Header

not Code Injection Header

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!

you use Personal Plan?

I upgraded to business plan yesterday and am using the I'm using the newer version of square space  7.1

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

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?