Tagged: overlapping elements
Hallo,
ich möchte ein Bewertungssiegel am rechten Browserrand anzeigen lassen (Code: s. private Content)
Das Problem ist, dass das Siegel beim Scrollen von einigen Farbsektionen, von Bildern, dem Footer etc. überlappt wird, egal, welchen z-index ich angebe.
Was kann ich tun?
Danke für eure Hilfe!
Uli
Hey ulif,
Do you have it added anywhere? We can help you adjust it.
Best regards,
Victoria
Hi Victoria,
yes, you can see it on the site posted below.
Thanks for helping!
Best regards
Uli
Hi Uli,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#arbeitsweise {
position: relative;
z-index: 10;
}
Hope this helps.
Best regards,
Nikko
Hi Nikko,
thanks, but this didn’t help. The problem ist not the action “Arbeitsweise”. The problem are the second menu, the Footer and also some other sections. You can see it, wenn you scroll down.
Best regards
Uli
Hi Uli,
I can only see the overlap on the image that’s fixed on the right, when it hits the section/footer it goes under it and that’s the code I gave is used for.
But on the second menu, I don’t see any overlap. Can you give us a screenshot? so we can also see the issue.
Best regards,
Nikko
Hi Nikko,
you are right, the footer and other problems are solved (I still saw the cached version)
But there is still the problem with the overlapping second menubar. See this picture: menubar
Best regards
Uli
Hi Uli,
Try to replace z-index from 10 to 310, so the code should look like this:
#arbeitsweise {
position: relative;
z-index: 310;
}
Best regards,
Nikko
Hi Nikko,
that was it, it works now! Thanks a lot and have a great day!
Best regards
Uli
Hi Uli,
Glad to hear that it’s working and we’re happy that we could help. :)
Feel free to create a new thread if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko