Jump to content

Skye Template - moving navigation bar to top of page

Recommended Posts

Hi there,

I am hoping to have the main navigation section of my page (currently running along the bottom of the page) to sit at the top of my page below my logo. This would be next to the hamburger nav icon - is there a way to do this?


Edited by walterspaul7
Initial Revision
Link to comment
  • 1 year later...
9 hours ago, cstern01 said:

I'd also love to know how to do this! 🙂 


If you share site url, we can help easier.

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
  • 2 weeks later...

@cstern01 Lets give this a try to start. Add the following to Design > Custom CSS.

@media screen and ( max-width: 768px ) {

  .header-special {
    display: unset;

  .header-special .social-search-wrapper {
    display: unset;
  .mobile-bar {
    background-color: unset;
    border-top: unset;
    bottom: unset;
    box-sizing: unset;
    display: unset;
    left: unset;
    padding: unset;
    position: unset;
    width: unset;
    z-index: unset;
    IE 11 and a few others doesn't support all :-(
    .mobile-bar {
      all: unset;
  .nav-toggle-label {
    display: unset;

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 5 weeks later...

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.