three-column menu - Forum | JoomShaper
Solved Helix Framework

three-column menu

Asked by cosimo 4 years ago Last activity 4 years ago

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

Accepted answer

Marked as the solution
Pavel
4 years ago

Hi @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

2 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
4 years ago

Hello 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

cosimo Asked this
4 years ago · edited

thanks @Pavel,
it's works fine

Log in to reply.