Megamenu 2-column help please [MEGA MENU SETUP]
Please help me make a 2-column megamenu dropdown. I have read every post on megamenu and the documentation, which says "For Mega Menu columns you must add each menu item using a # "URL" attribute and - as the "Navigation label" value. Under the empty columns you can add the correct menu items." And I have seen the screen capture at https://snag.gy/nz59P.jpg you provided to someone else asking for help. (My dev site is 64.41.83.189. )
What is a "# URL attribute"? If I put anything in the Navigation Label field it just changes the words on my menu. Where does the dash go? Do these things go in the first-level menu item, or every sub-level item?
The screen capture you provided shows "#header_wrapper" in a field called "URL" but I do not have a URL field. You don't show a dash anywhere on the screen capture.
Thank you.
Comments
if you don't have URL field it means you do not use custom links. To activate custom links, you need to click in Screen Options in the right top corner where all additional options for menu items are. http://themes.muffingroup.com/betheme/documentation/doc-images/menu-edition.png - this image explain how mega menu supposed to look like.
How to make a 2-column megamenu
You’re going to create two “Custom Links” that don’t
actually link to anything, and then drag your sub-items under them.
- Go to Appearance, Menus and select
- In the Custom Link URL field,
- In the Navigation Label field add
- Click to add it to the menu structure.
- Repeat with a second one
- Drag these two items to position
- Drag your sub items to the right
- Save it and you should be all set.
Note: if you don’t use the hash tag and dash (or textCustom Links (on the left side)
enter a pound sign “#” (this makes it link to nowhere)
a dash “-” (this makes the label blank. You can add text for a column header if
you prefer)
each one at the top of the sub items for each column you want.
to make them subordinate to each custom link item.
instead of dash) you may find that when you save it your menu items all go to
the bottom of your menu structure and you have to start over. This happened to me twice.
And here is some CSS that I found in other megamenu
discussions that helped in my situation:
/*remove lines from
megamenu */
#Top_bar .menu li
ul li a { border-bottom: 0 !important; }
#Top_bar .menu li
ul { background-image: none !important; }
/* megamenu font
size */
#Top_bar .menu li
ul li a { font-size: 14px !important; }
/* Decrease width
of megamenu */
#Top_bar .menu >
li > ul.mfn-megamenu > li.mfn-megamenu-cols-2 { width: 350px !important;
}
#Top_bar .menu >
li > ul.mfn-megamenu { width: 700px !important; }