Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 27, 2019 at 4:08 pm #1142791
    louisew

    Hello,
    I have created two sub menus and am hoping to have a different logo for each of them. I am very new to Enfold and just getting used to using the quick CSS. I found one guide on here which recommended the following code to add a logo:

    /*#top .av-submenu-container {
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: contain;
    }*/

    This works, however I have the need for two different sub menus. I thought this is where I would use a class to target these so I made one class called submenu1 and another submenu2, however I am not sure the next step of how to actually make this work! I had a go at replacing .av-submenu-container with the class name but nothing happens so I don’t think I am doing it right!

    Thanks in advance :-)

    September 30, 2019 at 4:27 am #1143206
    Mike

    Hey louisew,
    Thanks for the explanation, if I’m reading it correctly you should do it like this:

    #top .av-submenu-container .submenu1 {
background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png);
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: contain;
}

    If this doesn’t help please include the url to the page in question so we can take a closer look.

    Best regards,
    Mike

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