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.

Vantage Footer Menu

Resolved 2 replies questionthemetheme-vantage
kwells1979
7 years ago · Last reply by kwells1979 7 years ago

I’ve recently updated the Vantage Pro theme and it has broken my footer menu.

I want the footer menu to be inline separated by |. ie. “Home | About Us | Contact”

This is the CSS code I had previously:

/* footer */
#colophon li {
display: inline;
}

#colophon {
text-align: center;
}

#colophon a {
padding: 10px;
}

#colophon a:hover {
text-decoration: underline !important;
}

Any help is appreciated.

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

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 7 years, 10 months ago

    Hi Kwells1979,

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

    #footer-widgets .widget.widget_nav_menu li:before, #footer-widgets .widget.widget_nav_menu li:last-of-type:after {
	content: none !important;
	margin: 0 !important;
}
#footer-widgets .widget.widget_nav_menu li:after {
	content: '' !important;
	border-right: 1px solid #aaaaaa;
	margin: 0 5px !important;
}
#colophon .widget_nav_menu .menu-item a {
	border: 0;
}
#colophon .widget_nav_menu .menu-item, #colophon .widget_nav_menu .menu-item a {
	display: inline-block;
}
#colophon .widget_nav_menu .menu {
	text-align: center;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. kwells1979 7 years, 10 months ago

    Perfect! Now all working again.

    Thanks for the reply.

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