Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 11, 2021 at 1:06 pm #1328657
    gdsconcepts

    Hello,

    I’d like to put an icon (or even better if possible: the png image that is currently used as our favicon) as an ‘indicator’ to the main menu. That means it should only appear after clicking on a menu item and it should be listed in front of them. I tried several options but nothing really worked for me…
    I really hope that you have a solution for me…

    Thanks in advance and best regards!
    Bianca

    November 12, 2021 at 7:10 am #1328746
    Ismael

    Hey gdsconcepts,

    Thank you for the inquiry.

    You can use this css code to use the favicon image as an indicator for the current menu item.

    #top #header .av-main-nav > li.current-menu-item:before {
    content: '';
    width: 20px;
    height: 20px;
    background: url("http://tmwrk.entw-gds-concepts.de/wp-content/uploads/2021/11/TMWRK_Favicon.png");
    display: block;
    position: absolute;
    background-size: 100% 100%;
    z-index: 9999;
    top: 48px;
    left: -9px;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

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