This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Menu

Open 1 reply developerthemetheme-vantage
Ahmed Alfotihi
10 years ago · Last reply by Support Assistants 10 years ago

Im using Vantage premium and I added a custom Menu of three items in my header and my footer

in the header the menu was inline and the same menu in the footer displayed as list. how can I make it display in one line instead of the list.

q2 how can I add icones to these two menu’s items?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Support Assistants 10 years, 1 month ago

    Hi Ahmed

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Vantage 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;
}

    You might also need to install the SiteOrigin CSS Editor.

    Try using the following plugin to add menu icons:

    https://wordpress.org/plugins/menu-icons/

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread