Consistent Hover Over Background Size

  • Resolved igendreau

    (@igendreau)


    8 years, 9 months ago

    I’m using the following template from Template Monster: https://www.templatemonster.com/wordpress-themes/45545.html

    Here is my site: https://www.andyshay.net

    I was able to make my menu have a second line for a couple main nav buttons with long names. But now when you hover over one of the single line buttons, the height of the menu leaves a gap. It’s shorter than the 2 line menu buttons. Roll over the word “Galleries” on my site and you’ll see what I’m talking about. Any idea where I’d attack this?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there igendreau!
    You can try defining a height on all of the menu items, so that all of them have the same height regardless of how long the name are.

    Try adding this css:

    #topnav li a {
    height: 38px;
}

    Remember to use a custom css plugin or a child theme when apply css. I hope that solved it for you ??

    Thread Starter igendreau

    (@igendreau)

    That worked like a charm. Thanks so much for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Consistent Hover Over Background Size’ is closed to new replies.