Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 10, 2015 at 11:16 am #500901
    erusko

    On mousehover, the search button in my header highlights too much of the screen. is there any way to fix this so it matches the menu highlights?

    For example, I’d like my search button to look like this: http://imgur.com/aWYzAjI
    Instead, I get this: http://imgur.com/3DYWCwe

    Any help would be appreciated!

    September 10, 2015 at 4:46 pm #501155
    Elliott

    Hey erusko!

    Add this to your custom CSS.

    #menu-item-search > a {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

    Regards,
    Elliott

    September 12, 2015 at 3:41 am #501928
    erusko

    Thanks Elliot, that definitely widened things out. Is there any way to wrap the highlight around the search button to match the other menu links though?

    September 12, 2015 at 3:52 pm #502130
    Elliott

    Hi!

    Try adding this.

    #menu-item-search a {
    line-height: 40px !important;
    height: 40px !important;
    top: 42px !important;
    position: relative !important;
    border-radius: 3px;
}

    Best regards,
    Elliott

    September 13, 2015 at 2:41 am #502193
    erusko

    thanks elliott! all fixed now!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu Header search button highlight’ is closed to new replies.