Home › Forums › Support › Fixed left vertical navigation layout – CSS and Customizer only › Reply To: Fixed left vertical navigation layout – CSS and Customizer only
October 5, 2016 at 1:24 pm
#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 🙂