Tagged: , , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 21, 2017 at 7:25 pm #811117
    bigbridgeavl

    I would like to add a background image to the Main Menu dropdowns. You can see an example of what I am talking about here: https://juliatesta.com/ (hover over a main menu item to see the dropdown with background image). I have tried various targeting with CSS but nothing has worked.

    I have linked the site I am working on – it’s a rebuild of the example site above.

    Thanks!

    June 21, 2017 at 8:21 pm #811144
    Victoria

    Hey bigbridgeavl,

    We still need to login to see what you’re working on :)

    Best regards,
    Victoria

    June 21, 2017 at 8:33 pm #811152
    bigbridgeavl

    Here it is!

    June 22, 2017 at 1:31 pm #811501
    Sarah

    Hi,

    Please try this in Quick CSS:

    .header_color .main_menu ul ul {background: #270f2a url(YOUR-IMAGE-PATH) no-repeat right top !important;}

.header_color .main_menu ul ul.sub-menu li a { background: transparent; }

.header_color .main_menu ul ul.sub-menu li a:hover { background-color:rgba(250,250,250,0.3)!important;}

    Please replace YOUR-IMAGE-PATH with the correct image path.

    Let us know if you need further help!

    Best regards,
    Sarah

    June 23, 2017 at 3:45 pm #812139
    bigbridgeavl

    That worked perfectly after I added an !important to:

    .header_color .main_menu ul ul.sub-menu li a { background: transparent; }

    Thanks!

    June 23, 2017 at 4:59 pm #812170
    Sarah

    Great!

    Do you need more help with this topic or can we close this thread?

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Cheers!
    Sarah

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