Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 15, 2020 at 11:21 pm #1260601
    bdeller

    Hi
    Following up on this thread – the instructions work great,

    https://kriesi.at/support/topic/image-in-navigation/#post-1083087

    The question I have is – this works for menu-item-890 (or my equivalent) how can I make it apply to all menu items, not just a single menu item (890)?

    #header #avia-menu #menu-item-890.current-menu-item > a,
    #header #avia-menu #menu-item-890 > a:hover,
    #header #avia-menu #menu-item-890 > a:active {
    text-indent: -9999px;
    background: url(‘https://font-khi.hekeko.de/wp-content/uploads/2019/03/ki-home-g_50.png’) no-repeat top center;
    width: 100% !important;
    height: 75px !important;
    }

    Thanks

    November 16, 2020 at 12:50 pm #1260694
    Rikard

    Hey bdeller,

    Please try this CSS instead:

    #header #avia-menu .menu-item.current-menu-item > a,
#header #avia-menu .menu-item > a:hover,
#header #avia-menu .menu-item > a:active {
text-indent: -9999px;
background: url(‘https://font-khi.hekeko.de/wp-content/uploads/2019/03/ki-home-g_50.png’) no-repeat top center;
width: 100% !important;
height: 75px !important;
}

    Best regards,
    Rikard

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