overlapping elements error with footer widget column

Hi there,
we embedded an external bar on the bottom of our page using html in the footer widget column.
Now some elements are overlapping while scrolling, e.g. avia accordion slider and the footer socket. Made some screens, we’re not live with the changes yet. Hope that helps.

View post on imgur.com

Guess it has something to do with z-index? I tried adding
#ProvenExpert_widgetbar_container{
z-index: 999 !important;
}

to enfold quick css, but that didn’t help, so here I am. Thx a lot!

code for embedding the bar

<!– ProvenExpert Bewertungssiegel –>
<style type=”text/css”>@media(max-width:767px){#ProvenExpert_widgetbar_container {display:none;}}@media(min-width:768px){html {padding-bottom: 44px; box-sizing: border-box;}}</style>
<div id=”ProvenExpert_widgetbar_container”></div>
<script type=”text/javascript” src=”//www.provenexpert.com/widget/bar_daniel-hoch.js?style=black&feedback=1″></script>
<!– ProvenExpert Bewertungssiegel Ende –>

• This topic was modified 9 years, 10 months ago by DeHa.