Create template vertical headers
Hello,
I would like to have a custom vertical header on every page of my website. Therefore, the option from the Theme Options does not suit my needs, as I will require more than one header. However, when I try to create one using the Header Templates, I can’t find any settings or options to design a vertical header. All the available settings and Pre-Built Headers seem to be horizontal.
Could you please guide me on how to create and customize a vertical header?
Thank you!
Comments
Hi,
Please see the following video tutorial:
https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/
Anyway, there is no option to create multiple ones for different pages.
Best regards
Thanks you
I finally made it!
By using a custom layout to change the logo and custom code for individual pages, here’s an example I tested:
#Header_creative {
background-color: #727942;
}
#Header_creative .creative-wrapper {
background-color: inherit;
}
#Header_creative {
padding: 20px;
}
#menu-menutestavantgarde > li > a {
color: #343333 !important;
font-family: "Arial", sans-serif !important;
font-size: 16px !important;
}
#menu-menutestavantgarde > li > a:hover {
color: #f86610 !important;
text-decoration: underline !important;
}
#menu-menutestavantgarde > li.current-menu-item > a {
color: #ffffff !important;
background-color: #007bff !important;
font-weight: bold !important;
border-radius: 3px;
}