Skye Template - moving navigation bar to top of page

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?

Thanks,Hannah

@walterspaul7 can you share site url?

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

9 hours ago, cstern01 said:

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

 

If you share site url, we can help easier.

Mine is www.thefreerepublicofcalifornia.com

On 9/23/2020 at 7:31 AM, cstern01 said:

Mine is www.thefreerepublicofcalifornia.com

 

You mean header navigation bar?

I mean the mobile navigation bar, which sits on the bottom of the screen

@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.

Hi, id love a solution for this also, but the code provided didn't work.

@alexandra923 Please post the URL for your site.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.