How to adjust text in Nav bar in WordPress Using CSS

If you are looking to add text in Nav  bar WordPress Using CSS then you have come to the right place and we are going to show how you can solve this issue easily.

Here we are assuming that you have already added a navigation bar to design your page and you have to adjust padding for the text to appear more align.

Here is what the image looks like with out adding custom CSS to it 

To Fix this issue you can add this CSS code snippet and your navigation bar will become aesthetic as usual.

@media (min-width: 768px) {
  .main-navigation, .main-navigation ul.nav-menu {
    padding-left: 1em;

To add or override CSS: use the “Additional CSS” option in the customizer.

Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Alright! Now you know How to adjust text in Nav bar in WordPress Using CSS. We hope this guide has helped you.

Feel free to contact us if you need any help regarding this topic. Do let us know the topics you want us to cover in the comment section or reach out to us with your queries by clicking the contact form below