Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #722333

    On the page below, I am trying to create an up arrow on the selected menu item which aligns with the border below.
    Please note that there is an up arrow below the word “ADVISORY” in the sub-menu
    The CSS on the menu item is OK being:
    .av-subnav-menu li.current-menu-item a {
    color: #cf6b0e !important;
    background: url(/wp-content/uploads/downarrow_orange.png);
    background-position: bottom;
    background-repeat: no-repeat;
    }

    I tried adding:
    background-position-y: 15px;

    But the up arrow when moved down it is behind the sub-menu div which has a z-index of 301.
    I Tried playing with various z-index but to no avail, cannot get the arrow above the white background

    #722908

    Hey Denis,

    Sorry but I’m having trouble understanding what you mean, could you try to explain a bit further or post a screenshot of the issue please?

    Best regards,
    Rikard

    #722911

    Sorry, I removed the Above CSS have now put it back.

    There is an up arrow background, which I am trying to move down but is obscured when I move it down.

    Could you look at the page again now. Image in private content

    Thanks

    #722987

    Hi,

    Please add the below properties to the css you shared earlier.

    .av-subnav-menu li.current-menu-item a {
        background-position: 50% 20px;
        min-height: 50px;
    }

    Best regards,
    Vinay

    #722996

    Many thanks, I can work it from there.

    Of all the support forums I have used Kresti is the best, and most helpful and honest.

    Regards, Denis

    Please close the ticket

    #723509

    Hi Denis,

    Glad we could help and thanks for the kind words :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Z-Index of Sub-menu’ is closed to new replies.