-
Posts
-
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 backgroundHey 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,
RikardSorry, 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
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,
VinayMany 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
- The topic ‘Z-Index of Sub-menu’ is closed to new replies.