Hello-
I am new to wordpress and have a question related to menus in wordpress. Is it possible to add a menu into the body of a wordpress page? I want to create a quick links section on the home page but I do not want it in the sidebar…I want it in the body of the page.
I also want the ability to customize the appearance of the menu. Please see the follow example on this page: http://umich.edu/current-students/
With vantage and siteorigin pagebuilder plugin the layout of the link you provided above is pretty simple to acheive, all you have to do is first install the plugin then create a new page then create a few new menus.
Then you would go to edit the page you created earlier and use the sitebuilder to make the layout of your page and add the menus via the custom menu widgets.
It really is that simple , depending on your level of knowledge when it comes down to css/css3 can really make your mens stand out but you would have to look into this if your not so sure about adding your own css.
Using sitebuilder does have options for you to choose colours padding etc but i like to write all of my own css for everything wordpress related.
Hi LaTorri
Thanks for reaching out.
If you use Page Builder for the page in question then you can add a Custom Menu widget and select a menu from the drop down list. The menus in the drop down list are saved at Appearance > Menus.
By default Vantage only has Custom Menu widget styling ready for the Custom Menu widget when inserted into the header widget area. The widget will display as a normal unordered list inserted anywhere else.
A while ago I wrote this little CSS snippet that styles the Custom Menu widget like the main menu, you could perhaps check it out:
/* Custom Menu Widget Styling */ #main .widget_nav_menu ul li { background: #343538; } #main .widget_nav_menu ul li a { color: #e2e2e2; padding: 10px 20px 10px; display: block; } #main .widget_nav_menu ul li:hover > a { background: #00bcff; color: #fff; }Insert the above at Appearance > Custom CSS and edit the color values as required.
Thank you both for your help!
One more question: How do I add an arrow image to each menu option and remove the small square in front each menu option?
Nevermind! I figured it out!
Menu icons not loading and a small square showing is usually because WordPress files and your site URL aren’t the same. Go to Settings > General. If you’ve intentionally set your WordPress location somewhere else then don’t make any changes. However, if your WordPress URL and Site URL are almost the same, perhaps you have a “www” in one and not the other, then, you should make them the same.
This is a private message.