jquery - position of like box when user clicks facebook like buttom -


I have a Facebook Like & amp; Share to my site 'button. I put it in the footer at the bottom of the page. The problem I have is that when a user clicks the same or share button, the box that opens to create a 'liking' for them, on the button on the bottom of my button Is located below because the button is at the bottom of the page.

Is there a way to display the box above the box?

Here is a link to my site so that you can see what I mean:

I have a code,

Javascript: To open just inside 'body'

  & lt; Div id = "fb-root" & gt; & Lt; / Div & gt; & Lt; Script & gt; (Function (D, S, ID) {var js, fjs = d.getElementsByTagName (s) [0]; if (d.getElementById (id)) returns; JS = D.Socket element (s); js.id = Id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore (JS, FJS);} (document, 'script' , 'Facebook-jssdk')); & Lt; / Script & gt;  

HTML:

  & lt; Span class = "facebook-button" & gt; & Lt; Div class = "fb-like" data-href = "http://www.97squared.co.uk/" data-layout = "button_code" data-action = "like" data-show-faces = "true" data -share = "true" & gt; & Lt; / Div & gt; & Lt; / Span & gt;  

CSS:

  .facebook-button {position: relative; Top: -8px; Margin-right: 10px; }  


Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -