Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 19, 2014 at 7:40 am #225978
    mattmorse

    Is there any way to have a hover effect on the main menu in the header? Currently I have white font and on hover, there is a bar below but I would like to make these look like a white “button” with faded rounded edges and black font on hover.

    Any help would be greatly appreciated.

    February 19, 2014 at 7:40 am #225979
    mattmorse

    My website is http://www.matt-morse.com

    February 19, 2014 at 5:34 pm #226307
    Yigit

    Hi!

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

    .header_color .main_menu ul:first-child>li>a:hover {
background-color: white!important;
color: black!important;
}

    Regards,
    Yigit

    February 19, 2014 at 5:36 pm #226311
    mattmorse

    That did not do anything.

    Check matt-morse.com

    February 19, 2014 at 5:38 pm #226314
    mattmorse

    There are no submenus at this time. The menu is all top level pages that I want to have the hover button effect on.

    February 19, 2014 at 9:05 pm #226434
    Yigit

    Code is not being applied. Try adding the code to style.css of your child theme in Appearance > Editor

    Regards,
    Yigit

    February 19, 2014 at 9:09 pm #226436
    mattmorse

    That is perfect! Is there a way to make it not the entire height of the header, but somewhere around 50% instead?

    Also, can I remove the white highlight from the search icon?

    February 19, 2014 at 9:09 pm #226437
    mattmorse

    Or at least center the search icon in the middle of the highlight on hover?

    February 19, 2014 at 9:19 pm #226442
    Yigit

    Hi!

    Add following code to Style.css as well

    #top .main_menu .menu>li:last-child>a {
padding-right: 15px!important;
}

    Changing the height is not possible with the header type you are using

    Cheers!
    Yigit

    February 19, 2014 at 9:34 pm #226451
    mattmorse

    I added that and no changes were made. What was the code for?

    February 20, 2014 at 3:40 am #226536
    Ismael

    Hey!

    The code moves the search icon towards the left.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.