• Hi,
    Can anyone help me getting a sticky facebook-like/share bar on bottom?
    I love the solution on this blog (Decrease screen size to see on PC)

    (Sorry for doublepost. Wrong forum at first.)

Viewing 3 replies - 1 through 3 (of 3 total)
  • Looking at their code I see that huge facebook button is using the FB sharer endpoint, this will work for the button, but will need some styling of course.

    https://gist.github.com/190e4ae788f8be25cc9d

    As for the sticky-ness of the button, that’s more along the lines of css positioning and media breakpoints. Looks like they’re positioning the parent div as fixed, bottom left.

    So if you use my code above, this should work ( I’m a dev, not a designer, so if not don’t hate me ):

    <style type="text/css">
    	@media ( max-width: 768px ) {
    		.fb-social{
    			display: block;
    			position: fixed;
    			left: 0;
    			bottom: 0;
    		}
    	}
    </style>

    Basically, you just need to leverage media breakpoints to move items on the page where you want them, at certain screen sizes. Overall, I hope this helps, and good luck!

    Thread Starter MrConn

    (@mrconn)

    Thanks! But I get a error…

    E_ERROR : type 1 — Call to undefined function add_filter()

    Moderator bcworkz

    (@bcworkz)

    That error is probably due to how you requested a page from your browser — the WP environment was not loaded. You should include Jerry’s file from theme or plugin code that WP normally loads. In WP, if you request any file other than index.php (and a couple others) that is not a permalink, you are probably doing it wrong ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get a sticky facebook-like bar?’ is closed to new replies.