Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 13, 2017 at 4:27 am #863732
    frankwarwick

    I have created a mega menu.
    I can add background images for each column within each sub menu ie 

    #menu-item-163265 { background-image: url("/wp-content/uploads/2017/10/stones.jpg") !important;
background-repeat: no-repeat;
background-position: right bottom;
}

    How can I have a different background for each sub menu
    When I add css (see code) it applies to all sub menus and I can not see any reference css to target each sub menu

     .avia_mega_div > .sub-menu {
    background: url("/wp-content/uploads/2017/10/stones.jpg") !important;
    background-size: 80% 80% !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
}
    • This topic was modified 7 years, 1 month ago by frankwarwick.
    October 13, 2017 at 5:37 am #863738
    frankwarwick

    I found the solution …dooo
    The sub menu id is there, ie. menu-item-123 so I added it in front of the code I already had working .. 

    #menu-item-170 > .avia_mega_div > .sub-menu {
    background: url("/wp-content/uploads/2017/10/stones.jpg") !important;
    background-size: 80% 80% !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
}
    October 14, 2017 at 6:55 am #864210
    Rikard

    Hi,

    Thanks for sharing your solution, much appreciated :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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