Full modal and mega menu - Forum | JoomShaper
Solved Helix Framework

Full modal and mega menu

Asked by Jean Machuron 3 years ago Last activity 3 years ago

Hello
We would like to move to full modal header for Helix Ultimate but the display of mega menu is useless.
How can we display change the display of the menus with submenus so that they are always visible.
The full modal would allow menutitles and subtitles in line easily
Thanks for your help
BR
Jean

Accepted answer

Marked as the solution
Toufiq Senior Staff
3 years ago

Add this css code inside the custom.css file. 

#modal-menu ul.sp-megamenu-parent li:nth-child(-n+5) .sp-dropdown .sp-dropdown-inner {
    box-shadow: none;
    border-radius: 0px;
    position: relative;
    overflow: visible !important;
    max-height: initial;
    background-color: #fff;
    padding: 20px;
    width:320px;
    height:500px;
    overflow-y: scroll !important;
}

12 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
3 years ago

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Please share an screenshot that you want to do exactly.

Note: Customization support is fully prohibited by our support policy.

-Thanks

Jean Machuron Asked this
3 years ago

Hi,
Long sub menu for members in the modal header choice are not fully visible.
There should be a way to display it more online to adapt to the height of the viewport or to restrict the line height to fit the display

Could you tell me how to change it ?
Adding css rules in custom.css do not work
Thanks!

PS tried to add a screenshot or an image but your editor wont allow it

Toufiq Senior Staff
3 years ago

Can you share your site URl to check the issue?

Jean Machuron Asked this
3 years ago

yep try to go to https://devel.activ-ha.com et log with the credentials
Then on a standard laptop 13" window, click on the burger menu and you'll notice that the Adherent menu displays till under the bottom, so the last menus are unavailable.

Oh you need to use the french language BTW ;-)

What would be needed is a way to style the mega menu in another way to use the full width of the display and show the submenus in columns with different line heights

but it seems like no css selector would work on custom.css because they are all overriden by the file template.css

Thanks for your help

Toufiq Senior Staff
3 years ago

Will you please provide me the Joomla administrator access? I will add css code to solve your issue. Thanks

Jean Machuron Asked this
3 years ago

Just give me the code to add and I'll do it both on the dev and the production server
Thannks

Toufiq Senior Staff
3 years ago

Administrator url missing.

Jean Machuron Asked this
3 years ago

no need for admin, just have a look at frontend with the username and tell me what css to add so that I'll copy it on the prod site also

Jean Machuron Asked this
3 years ago

Thanks a lot for your help :-)

Log in to reply.