Hi I’m kind of new here and new to WordPress. I’m using Vantage Premium.
I want to add a horizontal menu to the footer so I tried o Appearance > Widgets, Footer, Layout Builder, Add Row, Add Widget, Custom Menu and then added the following to Appearance > Custom CSS: as listed in a previous thread.
/* Vantage Horizontal Footer Menu */
#footer-widgets .widget.widget_nav_menu ul {
text-align: center;
}
#footer-widgets .widget.widget_nav_menu li {
display: inline-block;
float: none;
margin-right: 16px;
}
#footer-widgets .widget.widget_nav_menu li:last-of-type {
margin-right: 0;
}
The Menu is in the Footer but I’m still getting a vertical Menu
Any help would be appreciated.
Mike
URL: http://www.qdmfg.com
Hi Mike
Looks like you’ve made progress. If you still need a hand, let me know :)
Yes, I was trying to add the code on the Home Page CSS but found it needed to be added on Dashboard > Appearance > Custom CSS.
Is there a way I can add vertical lines separating (between) the Menu pages?
Again, thanks for your help.
Mike
Sure :)
Try replacing your Custom CSS for this to:
/* Horizontal Footer Menu */ #footer-widgets .widget.widget_nav_menu { width: 100%; } #footer-widgets .widget.widget_nav_menu ul { text-align: center; } #footer-widgets .widget.widget_nav_menu li { display: inline-block; float: none; margin-right: 16px; } #footer-widgets .widget.widget_nav_menu li:before { content: "\007C"; font-family: FontAwesome; margin-right: 16px; } #footer-widgets .widget.widget_nav_menu li:first-of-type:before { content: none; margin-right: 0; } #footer-widgets .widget.widget_nav_menu li:last-of-type { margin-right: 0; }Wow!
Thanks for the quick response. That works perfect!
Super :) Glad to hear that did the trick.
All the best.