Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 27, 2023 at 5:15 pm #1411854
    acscreativenew

    Hi, so im trying to create a menu that look like the image below. Im finding it somewhat difficult based on how its coded out and the height that the menu uses on the menu items to get a smaller background color on the hover. Do you have any advice for me?

    View post on imgur.com

    June 28, 2023 at 5:52 am #1411912
    Ismael

    Hey acscreativenew,

    Thank you for the inquiry.

    You may need to adjust the height of the menu items with the following css code. 

    .av-main-nav > li {
    line-height: 30px;
    height: 38px;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

    Best regards,
    Ismael

    July 13, 2023 at 11:25 pm #1413260
    acscreativenew

    Hi, So this kind of works but it still makes for a really tall menu.

    Hover over the search icon and you can tell what I mean.

    July 15, 2023 at 2:38 am #1413338
    Nikko

    Hi acscreativenew,

    Can you try adding this CSS code:

    #header_main, 
#header_main .container .inner-container {
    height: 90px;
}

.av_minimal_header #header_main .container, 
.av_minimal_header .main_menu ul:first-child > li a {
    height: 35px;
}

    Hope it helps.

    Best regards,
    Nikko

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