How can I make the menu bar centered instead of positioned to the left? Also, how can I increase the font size in the menu bar. Thanks www.gorgeholisticliving.com
Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: #menu li.current-menu-item a, #menu li.current_page_item a { margin-left: 170px; } Adjust margin-left according to your menu tabs.
I pasted the code in the Custom CSS, but I'm not sure what you mean by adjust margin-left according to your menu tabs.What exactly do I adjust and how?
adjust the "170px" to around 250px and you will see the menu move after you refresh your website - just keep changing it until it looks right for the number of menu items - just check it on different browsers though eg Ipads etc as it may not be centered because of the screen size - Nitesh might be able to answer that better than me
Paste this code in Custom CSS Appearance > Theme Option > Styling Option > Custom CSS Code: @media only screen and (min-width: 768px) and (max-width: 960px) { #menu li.current-menu-item a, #menu li.current_page_item a { margin-left: 70px; } }
I thought I was able to center the menu bar, but just noticed it's only centered on the home page. How can I fix it to be centered on every page? Thanks!