Reply To: Fixed left vertical navigation layout – CSS and Customizer only

Home Forums Support Fixed left vertical navigation layout – CSS and Customizer only Reply To: Fixed left vertical navigation layout – CSS and Customizer only

#232568
Tom
Lead Developer
Lead Developer

Figured it out.

So here’s the steps:

1. Upload your navigation logo into “Customize > Layout > Primary Navigation”.
2. Set your sidebar to “Left Sidebar” in “Customize > Layout > Primary Navigation”.
3. Add this CSS:

@media (min-width: 769px) {
  .site-header {
    display: none;
  }

  .gen-sidebar-nav {
    width: 20%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 1;
    background-color: #1a2930;
    background-repeat: no-repeat;
    background-position: top center;
    border-style: hidden;
    border-top-width: 65px;
    border-top-style: solid;
    border-top-color: #1a2930;

  }

  .footer-widgets {
    padding-left: 20%;
  }

  .site-info {
    padding-left: 20%;
  }
}

That should be it – no need for custom functions or anything.

Let me know 🙂