Custom CSS-Code - Facebook-Like-Buttons

Shapely
1

Hi Movin

Appreciated your help – thank you very much!

There’s one more question left for now: I added the facebook-like-button as it is described on developers.facebook.com. It is shown to the right of the menu in the header. The code I used:

<div class="fb-like" data-href="xyz - Home | Facebook" data-layout="button_count" data-action="like" data-size="small" data-show-faces="true" data-share="true"></div>

What custom css-code do I have to implement, so that the facebook-buttons are exactely the same aligned as the menu is? Please see also attachment to understand what I mean.

The website: http://kines.benovici.ch/

Thanks in advance for your adivce
Best regards - Angie

2

Hi Angie,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

#site-navigation .fb-like.fb_iframe_widget > span {
    margin-bottom: 35px;
    height: auto !important;
}

Best Regards,
Movin