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 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.
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
Popular Articles
-
11 Jun 2021How to display most popular post in elementor
-
23 Feb 2021Using K2 Blocks To Make Gutenberg Blocks
-
14 May 2021Forbidden Access: New XAMPP security concept
-
03 May 2021Error starting “WordPress” stack: Cannot calculate MAC Address hv_vm_create unknown error. Â
-
14 May 2021Solved: Error starting “XAMPP” stack: Cannot calculate MAC Address