[cXF] Mega Menu

Unmaintained [cXF] Mega Menu

ENXF NET

Administrator
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P.S Member
S.V.I.P Member
V.I.P Member
Collaborate
Registered
Joined
Nov 13, 2018
Messages
19,951
Points
823

Reputation:

ENXF NET submitted a new resource:

[cXF] Mega Menu - Create mega menu in [cXF] Top Navigation add-on

This is DIY example on how to create Mega Menu to use it in for example [cXF] Top Navigation add-on (see demo on our forum).
View attachment 6229
This is an example code of the Mega Menu for Top navigation menu:
HTML:
<div class="cxf-megaMenu">
    <div class="cxf-megaMenu-column">
        <h3>First Category</h3>
        <ul>
            <li><a href="#">Test link</a></li>
            <li><a href="#">Another test link</a></li>
            <li><a href="#">Just testing</a></li>...

Read more about this resource...
 

Nulled2

VIP Member
V.I.P Member
Registered
Joined
Dec 10, 2019
Messages
211
Points
38

Reputation:

Sorry, I didn't see that it was forgotten.
 

XenFrodo

Well-known member
Registered
Joined
Dec 28, 2023
Messages
76
Points
18

Reputation:

Where exactly do you insert this code to display it correctly (Standard Forum Navigation) and (cXF Top Navigation) would be interesting for me personally.

Is it possible to use Font Awesome Icons for each menu item? if so how would this modification look like and where exactly do you insert them into the code?

Thank you in advance
 

Nulled2

VIP Member
V.I.P Member
Registered
Joined
Dec 10, 2019
Messages
211
Points
38

Reputation:

Where exactly do you insert this code to display it correctly (Standard Forum Navigation) and (cXF Top Navigation) would be interesting for me personally.

Is it possible to use Font Awesome Icons for each menu item? if so how would this modification look like and where exactly do you insert them into the code?

Thank you in advance
XenFrodoAlready I found to make it work, this you must activate the link that will have the mega-menu

Then activate the menu option that comes in line 4 or 5,

At the end also activate the mega menu option and there it tells you which template to edit.

You go to that template and it will be blank, there you will place the html from the tutorial

and little by little you will edit it to your liking.

Do not forget that if you use the mega menu you should make it as wide as possible.
 

Nulled2

VIP Member
V.I.P Member
Registered
Joined
Dec 10, 2019
Messages
211
Points
38

Reputation:

Remember that the user group must have permission to view each link.
and that you do or do not need the top menu addon
 
Top