Recent
Categories
View Replies (3)

Habitat: Main Menu Height Reduced

0
Votes
Undo
  1. sirfanlunar
    sirfanlunar
  3. Commercial Templates
  4. Thursday, 30 October 2014
  5.  Subscribe via email
Hi,
I need to reduce the height of the main menu, could someone please provide the css code for it?
Thank you for your prompt reply!
Kindest regards,
Saeed
Responses (3)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Saeed

Add the following to the Custom CSS field of your templates parameters. This will reduce your menu height to 45px (default 50px)...


#container_hornav .wrapper960 {

    height: 45px;

}

#hornav > ul > li > a {

    padding: 10px 20px;

}

#hornav .menu li [class^="fa-"]:before, #hornav .menu li [class*=" fa-"]:before {

    top: 13px;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
sirfanlunar
sirfanlunar
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you so much, it worked! However, now the social icons are the same size which looks very odd. I have used the following code and it has worked but the the images on the icons are out of the alignment. Please tell me how I can align them in the center again.
Thank you!


#socialmedia ul li a {

  width: 40px;

  height: 40px;

}

URL: http://192.185.154.195/~kopras/
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Try also adding the following to he Custom CSS field of your templates parameters...


#socialmedia ul li a, #socialmedia ul li a:hover {

    background-position: 0 2px !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!