How do I move some items on the menu bar to align to the right side of the menu bar? Now they are all aligned to the left of the bar. I am currently using the Vantage Premium theme.
What I want to do is this: I want to making a bilingual site using the POLYLANG plugin. I managed to put the language selector in the menu bar, but they were aligned to the left along with the other menu item. I only want these two item(i.e. Language selection items) to align to the right and the rest to stay on the default position on the left.
OK! I found a better place for the plugin language selector. But I want to to add 2 pages to the menu will align right.
Hi riasage,
To achieve this custom CSS could be used. If you can provide me a URL to your site I can be of more assistance to help with some custom CSS code for you to try.
Cheers!
Hi Addo,
Thank you for your reply. So I was able to fit everything into the menu bar. I want the footer to hold customer menu items. I like how it looks now but only for the login and sign up menu. But the link and contact, which are in one custom menu to be on the same line as the “membership” title. here is the url: bahaijp-preview.grlpro.com.
Here are the code i have used so far in the custom css:
article.post .entry-header h1.entry-title a, article.page .entry-header h1.entry-title a {
pointer-events: none;
cursor: default;
}
/* Footer */
#colophon {
padding-bottom: 20px !important;
padding-top: 20px !important;
}
/* Vantage Horizontal Footer Menu */
#footer-widgets .widget.widget_nav_menu ul {
text-align: left;
}
#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;
}
#footer-widgets .widget {
float: none !important;
margin-bottom: 20px !important;
width: 100% !important;
}
/* Menu Padding Horizontal */
.main-navigation ul li a {
padding-right: 15px !important;
padding-left: 15px !important;
}
Hi. Looks like your site is currently offline: http://bahaijp-preview.grlpro.com/. If you’d like to send through login details so we can view the site you can email those to:
[email protected]
Thanks