Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 25, 2018 at 4:14 pm #932623
    Boeckske23

    The underline (border-bottom) only shows when hovering one of the submenu pages under ‘Onze service’ when you are on one of those pages.
    Can you give me the CSS class to edit this or overwrite the current css for the submenu?

    /*CSS*/
    .current-menu-item .avia-menu-text {
    color: white;
    border-bottom: solid 1px #ffffff;
    display: inline;
    padding-bottom: 10px;
    font-weight: bold;
    opacity: 1;
    }

    View 1:

    View 2: with the underline that shouldn’t be there:

    March 26, 2018 at 8:51 am #932864
    Nikko

    Hey Boeckske23,

    I have tried to check the link you posted in private content, however it’s returning:

    Forbidden
You don't have permission to access / on this server.

    Best regards,
    Nikko

    March 26, 2018 at 9:43 am #932896
    Boeckske23

    Go to here:

    March 26, 2018 at 10:15 am #932915
    Nikko

    Hi,

    Thanks, try adding this css code in Quick CSS:

    #top #avia-menu > li:hover > a > .avia-menu-text {
    color: white;
    border-bottom: solid 1px #ffffff;
    display: inline;
    padding-bottom: 10px;
    opacity: 1;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 26, 2018 at 10:44 am #932932
    Boeckske23

    I think it doesn’t work
    But what I find strange if I open the customizer, I see this:

    The CSS is not the same for some reason.
    But if it could be like this I would be satisfied.

    When I close the customizer

    March 26, 2018 at 1:20 pm #932986
    Nikko

    Hi,

    Please remove the code I gave, since I misunderstood it, then replace this code you have since it’s causing the issue:

    .current-menu-item .avia-menu-text {
color: white;
border-bottom: solid 1px #ffffff;
display: inline;
padding-bottom: 10px;
font-weight: bold;
opacity: 1;
}

    And replace it with:

    #header #avia-menu > .current-menu-item > a > .avia-menu-text {
    color: white;
    border-bottom: solid 1px #ffffff;
    display: inline;
    padding-bottom: 10px;
    font-weight: bold;
    opacity: 1;
}

    this should only target the current-menu-item that is not in a sub menu.

    Best regards,
    Nikko

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