Three-column Menu
cosimo
Hello everyone, I am developing a site with helix ultimate framework and sp page builder, i need to create a three column menu that opens by clicking on the burger icon (full modal header) like that website www.birrasalento.it can you help me on how should i do it? Thanks
3 Answers
Order by
Oldest
Pavel
Accepted AnswerHi @cosimo.
Not so dificalt.
In the Helix settings, select Center Modal Header
Create three menu modules and place them in Menu-Modal Position.
Then use the following CSS
#modal-menu ul.sp-megamenu-parent, #modal-menu .modules-wrapper .sp-module:first-child {
display: none !important;
}
.modules-wrapper.header-modules {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}Result
Ofi Khan
Accepted AnswerHello cosimo
Sorry, we do not provide customization support. Your work will need a lot of customization I assume. Please consult a developer for this.
Best regards