This looks like it works, add this to the custom css:
#site-navigation {
float: none;
max-width: none;
text-align: center;
}
Hi Mestela,
Thanks for taking time to help. I appreciate it.
Unfortunately, this does not work. You said “add this to custom css”. Maybe this is what I don’t understand, because I added this to style.css and it is not working.
Hi Mestela,
Yes, it actually works, but needs to be changed in three places. There are three different #site-navigation rules and all three need to be changed.
Thanks again! Really appreciate it!
mestela – thanks for providing that CSS!
Yes, it actually works, but needs to be changed in three places. There are three different #site-navigation rules and all three need to be changed.
Kobajagi – sounds like you’re going into the theme’s original stylesheet and making changes directly in the theme files. That’s not recommended, because every time you update Harmonic to the latest version, you’ll lose all your changes and have to redo everything! To protect your tweaks and prevent them from being overwritten, you can use a custom CSS plugin, which is what mestela alluded to above. That’ll allow you to keep Harmonic up-to-date but have the benefit of your CSS tweaks.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
