Monday, January 4, 2016

How to Center the Navigation Bar in Blogger

How to Center the Navigation Bar in Blogger

Last time, we learn how to align the header logo to center position of the blog. To look aesthetically pleasing, we might also want the navigation bar or page tabs to also be centered. By default, Blogger's menu bar is aligned to left. So how it's done? It's pretty easy!

Step by Step: How to Center the Navigation Bar in Blogger

1. On your Blogger dashboard, go to Template > Customize
2. On Blogger Template Designer, click Advanced (then scroll down) > select Add CSS
3. On the Text Box underneath the "Add Custom CSS", copy and paste the code below:

.PageList {text-align:center !important;}
.PageList li {float:none !important; display:inline !important;}

That's it! :)

You may refer to below image for reference! Good luck!
Let me know if you have any questions. :)

See live demo at my blog The Dream Novel.

How to Center the Navigation Bar in Blogger

How to Center the Navigation Bar in Blogger

How to Center the Navigation Bar in Blogger

No comments:

Post a Comment

Write your comment or message here.

Ads by Google