Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 27, 2016 at 5:59 pm #678448
    M|C

    How can I position the facebook like button or any code to the right of the logo?

    August 27, 2016 at 6:02 pm #678450
    Josue

    Hey M|C,

    There’s a hook you can use:

    add_filter('avf_logo_final_output', function($logo) {
        $logo .= "Something";
	return $logo;
}, 10, 1);

    Add that to your child theme / theme functions.php.

    Best regards,
    Josue

    August 27, 2016 at 6:08 pm #678452
    M|C

    @josue Thanks!

    1) Logo remains intact but “Something” appears right on top of logo vs to the right.
    2) It pushes the menu down

    Code applied to child theme.

    • This reply was modified 8 years, 3 months ago by M|C.
    August 27, 2016 at 6:16 pm #678459
    Josue

    Replace Something with the FB code:

    add_filter('avf_logo_final_output', function($logo) {
        ob_start();
?>
PASTE FB CODE HERE
<?php
        $logo .= ob_get_clean();
	return $logo;
}, 10, 1);

    Best regards,
    Josue

    August 27, 2016 at 6:23 pm #678463
    M|C

    @josue Ok applied code Check again

    1) I applied fb code. It appears below logo
    2) Menu still gets pushed down.
    3) Ex: fabandgo.com is doing something similar.

    August 27, 2016 at 6:26 pm #678468
    Josue

    Hi,

    Now add this to Quick CSS / child theme style.css:

    #header_main .fb-like.fb_iframe_widget {
    position: absolute;
    top: 34px;
    left: 200px;
}

#header_main .fb_iframe_widget span {
    vertical-align: top !important;
}

    Best regards,
    Josue

    August 27, 2016 at 7:00 pm #678488
    M|C

    @josue Thanks. You’re the best!

    August 27, 2016 at 8:18 pm #678502
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.