Good day!
I have a VK (social network) widget attached to my site (at the right bottom corner). How can I make it appear and to be always on top of any element? Footer overlaps it.
Also I’d like to know, why can’t I see this widget button at this page only http://countplus.by/kontakty/ (at any other it works, excepting the problem that I’ve already mentioned at the very begging).
TU!
UPD: the widget code looks like:
<script type=”text/javascript” src=”//vk.com/js/api/openapi.js?136″></script>
<!– VK Widget –>
<div id=”vk_community_messages”></div>
<script type=”text/javascript”>
VK.Widgets.CommunityMessages(“vk_community_messages”, 133130302, {welcomeScreen: “1”, tooltipButtonText: “У Вас есть какой-то вопрос? Задайте его нам прямо сейчас!”});
</script>
Hey Idomazu,
To achieve this customization please change the z-index of the socket by adding the below code to Enfold > General Styling > Quick CSS
#socket {
z-index: 0!important;
}
As an alternate work around the icon can be shown above the socket with the below code
#vk_community_messages {
bottom: 45px!important;
}
Best regards,
Vinay
Thanx for such a quick anser! It seems like it didn’t workout for this page http://countplus.by/kontakty/ – at first I cannot see the button, and then it starts to blink – 1 sec u see it, the next second – you don’t. Some kind of problem with the right side on this page, because when I expand the chat window by clicking the button, the right frame appears cutted by the edge.
UPD. It seems like everything swell, thank you very much for support!