I'm building a custom header in Sites in our ArcGIS Enterprise server environment. Most of the HTML-elements and CSS-code works exactly as planned but there is one single CSS-element that does not seem to bring a change to the website.
I'm trying to build a tool tip functionality on a logo, and it seems to work just fine when I test it outside of Sites, once I put the code inside of sites, nothing happens. Here is the code:
HTML
<a href="http://www.bergenskart.no" class="logo">
<img src="<!-- There is a link to img here -->">
</a>
<div id="tooltip">
Trykk her for å gå tilbake til hovedsiden
</div>
#tooltip {
width: 270px;
display: none;
padding: 10px;
margin: 0 0 0 10px;
background-color: rgba(10, 10, 10, 0.2);
color: #FFF;
}
.logo:hover + #tooltip {
display: block;
}
The code in red is the one I'm referring to. Is this a bug in Sites?