In this video, I answer the question one of my YouTube viewers had and show you how to re-position the navigation menu (with the WordPress Twenty Twelve theme) to appear on the center of the screen. By default, it appears to the left of the screen.
I also show you how to position the menu to the right of the screen if you choose to do that.
Below is the text mentioned in the video that I ask you to copy and paste:
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul
This video is a follow-up video to my extensive tutorial that walks you through the process step-by-step from the very beginning to create your own website from start to finish found here.
Enjoy! And please share!
although I don’t desire to change my navigation menu position, I think I would like to change the size of the font, and also the font appearance of menu items that I have going down the right hand sidebar.
Another great video though. Very easy to follow.
Carl
Thanks Carl! To change the size of the main menu text, instead of searching the style.css file for: “.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul”,
Do a search for:
“.main-navigation li”
Change “0.857142857rem” to whatever you like. For example, to make it larger you could put in: 1rem or .9rem or 1.2rem etc… Just don’t forget the semicolon 🙂
This type of editing is a little advanced and while a plan to do more extensive things with CSS tutorials in the future, I’ll probably be sticking with tutorials that require little knowledge of code for now. Hope this helps!