Change Menu color in Max magzine wordpress theme

Share

After installation of Max Magzine theme I customized my navigation Bar with Normal Menu items.But i wondered How to change the Menu text and Background color.Ultimately i Found a simple method to change the text and bacground color of Menu in Maxmagzine theme

Just go Appearance–>Theme options

There You will find a box for CSS code with text  ‘Enter your CSS styles’

max_magzine

 

Just Enter following CSS code in the Box and Save..You will see a nice Menu Bar on your main page of Max Magzine theme

#nav ul {margin: 0; padding: 0;
list-style-type: none; list-style-image:
none;}
#nav li {display: inline; }
#nav ul li a {text-decoration:none; margin: 2px;
padding: 2px 12px 2px 12px; color: white;
background: BLACK;}
#nav ul li a:hover {color: black;
background: white; }

You can customize your Menu bar by changing the color of text and Menu background with blue,purple ,yellow etc…You can also customize the Menu Box size by changing the  paddiing values to may be 5px,18px,5px,18px…..and also gap between menu bars by changing the margin value to 4px,or may be 5px etc

Here is how i got my menu changed from simple to better one in Max magzine theme by simply adding CSS code for Menu.

Before

Max Magzine MenuAfter

Max Magzine Menu

 

 

Share