Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 27, 2018 at 5:41 pm #903702
    alexandernoe

    Hi team,
    we got the order to copy the existing customer page with Enfold.
    Actual the main menu have a bordered style if you hoover on the item.
    Plz have a look via attached link.
    How we can resolve this?
    Many thanks in advance for your help!
    Best regards,
    Alexander

    January 27, 2018 at 9:18 pm #903752
    Nikko

    Hey Alexander,

    I have checked on your site and hovered over the menu items and it seems you have already done it. Let us know if you need further assistance.

    Best regards,
    Nikko

    January 27, 2018 at 10:13 pm #903774
    alexandernoe

    Hi Nikko,

    you checked the original based on the theme “Route66” … :-)
    Plz see the prototyp under the attached link
    As i said we have the order to copy the original with Enfold.
    The customer wants to have a infrastructure which is easier to use in future
    Many thanks for your help!
    Alexander

    January 29, 2018 at 5:25 am #904020
    Nikko

    Hi Alexander,

    Thanks, try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .av-main-nav > li > a {
    padding: 0;
}

#top #header .av-main-nav > li > a .avia-menu-text {
    padding: 5px 13px;
    border: 2px solid transparent;
}

#top #header .av-main-nav > li > a:hover .avia-menu-text {
    border: 2px solid #c34444;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 4, 2018 at 6:40 pm #907569
    alexandernoe

    Hi Nikko,
    many thanks…code works! :-)
    Best regards,
    Alexander

    February 5, 2018 at 3:33 am #907642
    Nikko

    Hi Alexander,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Main menu item borderstyled by hoover’ is closed to new replies.