Menu size height decrease

4 posts from 3 voices

• Started 2 months ago by pgoutam
• Latest reply from Ismael
• This topic is not a support question

Tags:

• menu height size

1. 

   pgoutam
   Member

   How do I reduce the height of my 2nd menu and also change the background and font color

   Posted 2 months ago #
2. 

   Nick
   Moderator

   Hi,

   Please add the css below to the very end of style.css file located in the theme root

   #top #menu-second {
   height: 30px !important; /*change this number to decrease/increase menu height*/
   }
   #top .catnav li {
   background-color: red !important; /*background color menu*/
   }
   #top .catnav li a {
   color:green !important; /*menu text color*/
   }
   #top .catnav li a:hover {
   color:blue !important; /*menu text hover color*/
   }

   Thanks,

   Nick

   Posted 2 months ago #
3. 

   pgoutam
   Member

   Thanks Nick

   I have tried the decrease the height, it worked but the menu dividers(separator for each category) are not.. http://blog.midwestmovies.us
   can u help me.. if that;s possible

   Praveen

   Posted 2 months ago #
4. 

   Ismael
   Moderator

   Hi Praveen,

   Try to add this code at the bottom of style.css:
   

   #top .catnav li a {
   padding: 0 !important;
   height: 20px !important;
   line-height: 30px !important;
   }

   Hope this helps.

   Regards,
   Ismael

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.