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.

Step 1: Add Divider Widget to the Section

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 ul.menu, .main-navigation ul.nav-menu {
    padding-left: 1em;
    }
}

To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS

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

Conclusion

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

🚀 Introducing Our New Slack HR Bot: Effortlessly Track Attendance Within Slack! - Learn More

How to adjust text in Nav bar in WordPress Using CSS