How can I get this menu in Divi theme?:
Take these steps
Log in to your WordPress dashboard and go to Appearances > Menus. I assume you have a menu set up
I am assuming you have a menu that has a Menu item that is NOT a submenu let say it's called Features and under that you have submenus called Feature 1, Feature 2 etc.
Now in order to make your Megamenu you have to add a special CSS class to the main top tier link called “Features”. You can do that by clicking the screen options link of the top your page and making sure the CSS class option is checked.
Finally, you need to add a css class to the “Features” link you just created. Click the arrow on the right of the “Features” menu item to toggle the additional configuration options. Find the text box labeled CSS Classes and enter the class mega-menu
That's it basically. There is official documentation on how to do this
Related
Hey there is there anyway that I can create a separate menu where all the whenever I activate a plugin if it has its own menu it will create them on a specific place. for example whenever we active woocommerce it create its own menu but I don't want those menu to be on the left side I want those menu to show up at a different place for example maybe on top or custom menu I create on the right.
I would like to be able to create a navigation menu in WordPress in which the top-level nav items are not pages, but rather menu headings, which expand the sub menu when clicked.
The default WP menu behavior is that all menu items are links to content (pages, posts, etc), and that sub-items are viewed upon hover.
I'm looking for a way to make it work more like the menu behavior built into Twitter Bootstrap (and for the same usability reason).
I'm looking for a solution that either already exists as a plugin, or which I can build into a plugin, so that anyone can create a new menu like this in the WordPress menu editor.
checkout this tutorial :
https://digwp.com/2011/11/html-formatting-custom-menus/
If you dont want any custom html structure than you can simply add the classed to menu and for top level menu create a custom link with # as href.
I'm creating a wordpress template and I need to add some menu nav items.
Does Wordpress has a function that allows me add menu items after the theme install?
Humba, yes there is check this
Defining a Menu
You must define a menu before you can add items to it.
Step 1
Login to the WordPress Dashboard.
From the 'Appearance' menu on the left-hand side of the Dashboard, select the 'Menus' option to bring up the Menu Editor.
Enter a name for your new menu in the Menu Name box
Click the Create Menu button.
Step 2
Adding Items to a Menu
The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts are hidden by default.
Locate the pane entitled Pages.
Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
Select the Pages that you want to add by clicking the checkbox next to each Page's title.
Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
Scroll back to the Menu Editor.
Click the Save Menu button.
Ok Humba there is a lot of material out there you can also check this link.
http://codex.wordpress.org/WordPress_Menu_User_Guide
In my WordPress menu I want different images for different menus with text as well. Here is the image reference. I want my menu should be like this.I am using WordPress 3.4.2. Any help and suggestions are highly appreciable.
Update
The screen options image
Here are two ways on how you could add custom classes to your menu items, so that you could style them with CSS.
When on the Appearance > Menus page in Wordpress admin panel, click on Screen
Options at the top-right of the page. A slide-out menu appears and
allows you to check an option labeled CSS Classes. If you enable
this option, you will be able to add a custom class to each menu
item, the same way as you add its title.
You can customize the Walker class to add an incremental class name
to each (top-level) element. To see how the Walker class works,
please take a look at the following article:
http://wp.tutsplus.com/tutorials/creative-coding/understanding-the-walker-class/
Use image sprites
Use a different class for each of your <li> item
Position your images as background for that classes.
Is there a plug-in that improves the standard menu editor in Wordpress? For example I need to change the attributes "rel" and "class" for menu items not just the "title".
Its already there in WordPress. No external plugins required.
Goto Dashboard -> Appearance -> Menus
Click the screen Options button on the top left to see advanced options.
Now select the CSS classes and Link Relationship on Show
advanced menu properties.
Now 2 new boxes will appear for every menu. Just add your custom
class and rel there.
Thats all. Cheers!!!