SO I enabled the off-canvas panel: https://ibb.co/n3WWsHn. I already have a hamburger menu in a black box that I’d like to keep only on the home page which the css is:
.main-navigation .main-nav ul > li > a {
width: max-content !important;
writing-mode: vertical-rl;
transform: rotate(-180deg);
padding-left: 5px;
padding-right: px;
padding-top:15px;
padding-bottom: 15px;
margin-left:4px;
}
button.menu-toggle {
flex-grow: 0 !important;
width: auto;
color: white;
background-color: black;
margin-top:50px;
margin-left:25px;
margin-bottom:-62px;
z-index:1;
}
button.menu-toggle:hover {
color: white;
background-color: black;
}
.main-nav{
width: auto !important;
}
.main-nav > ul {
width: max-content !important;
margin-top:75px;
}
.main-nav > ul > li {
width: max-content !important;
margin-top: auto;
margin-bottom: auto;
}
.main-nav {
position: relative;
overflow: visible;
}
.main-nav > ul {
position: absolute;
}
Is it possible to have this transparent sticky header menu made through a type of element of hook so i can display it or exclude it from specific pages? Thank you!