How to center Menu in Tribute Theme

Can you please post a link to your site? Thanks.

Hi there,

Look for

.main-header {
text-align: center;
background-color: #fff;
}

code in the style.css file of the theme. You can find the file at the theme root folder. This code if responsible for the alignment of the header.

I would suggest you not to make any changes in the file as it is not advisable. However, you can take a back-up of the original file and modify the code to check whether it works or not.

Please post a link of your site.

Thanks,
Archana.

Please send me link to your website. I will check for the issue.

Thanks
Y Design Services

Thank you all! Here is The link: https://www.cienta.org.

I will be very grateful for your feedback!

add following line in style.css :

.navbar-nav {
float: none !important;
}
.navbar-nav>li {
float: none !importanr;
display: inline-block !imporatnt;
}

hope this will work for you.

I don’t think that CSS is going to work quite right. The menu will be centered, but all of the menu items are going to get stacked on top of each other. Plus, as a matter of programming style, you shouldn’t be using !important so freely.

Add this CSS rule using a CSS plugin like Jetpack or Custom CSS Manager. You don’t want to edit the style.css file or else your changes will be lost the next time you update the theme.

.navbar-nav {
    margin: 0 auto;
    display: table;
    float: none;
}

Thanks a lot! descology didn’t work for me, CrouchingBruin your code worked!

Very grateful to all of you!

Ydesignservices There should be options to add custom css, jQuery and google analytics in Theme-Options area. It will help user to add their own css and jquery.

Hope we will get new updated version of theme with some new features.

Thanks !!

Yes, and thanks Ydesignservices for your effort!

@codehunter, it’s just as easy to install a couple of plugins to add CSS and Javascript, and depending upon which one you use, they don’t add a lot of overhead. I’ve seen very, very few themes (maybe less than 5?) that have an option to add scripting code. And some of the themes which include a custom CSS option don’t work very well. There was one theme (I don’t remember the exact one) which used a CSS editor that converted greater than signs (>) into escape characters when the CSS was saved, so you couldn’t use the greater than sign as part of the rule’s selector.

The plugin I like for CSS is Custom CSS Manager, because you can also write CSS that affects the admin dashboard (no theme’s CSS option would do that), and for adding Javascript (including Google Analytics), I like Header and Footer because it gives you a lot of options as far as where you want to place the scripting code (in the header, before the opening body tag, before the closing body tag, etc). So plugins, most of the time, will do a better job than any option added by the theme. Plus, with the way that themes are now required to use the Customizer to set options, the large input fields needed for custom CSS and Javascript don’t fit very well.