Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #185971

    Hi, loving your theme, I am using it on a number of websites now. I am trying to modify the menu so that each menu item has a background colour. I have managed to get the following ” http://i.imgur.com/LZiq2BN.png ” with the code below. How do I change the height of the background colours to the following ” http://i.imgur.com/eOfVmgK.png ” and also position the menu so it sits in the centre vertically to the menu.

    #header_main {
    border-bottom: none;
    background: #fff;
    padding-bottom: 60px;}

    .logo { height: 158%; }

    #top .main_menu { padding-top: 20px; text-transform: uppercase;}
    #top .main_menu .menu li { margin-right: 10px;}
    #top .main_menu .menu li a { background-color: #95979c; color: white;}
    #top .main_menu .menu li a:hover { background-color: #4b475e; color: white;}


    All good, I got it working by adding .main_menu ul:first-child li a { display: inline;}


    Sorry I spoke to soon, now my rollover colour is not working



    Can you post the link to your website?

    Best regards,

    This reply has been marked as private.


    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #top .main_menu .menu li a:hover { background-color: #4b475e!important; color: white!important; }

    Please flush browser cache and refresh your page a few times after applying the code.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘menu background height’ is closed to new replies.