Following WP update buttons display vertically

Update: managed to resolve the issue!

I am having the exact same issue you described as seen on my website: https://www.elementsofcinema.com

Please scroll to the bottom of the sidebar to observe the issue (not necessarily the bottom of the page but the bottom of the sidebar).

Could anyone please share a solution?

Thank you in advance.

The issue is that your theme styles are overriding the crafty social buttons styles, and thus making each item appear on a separate line.
You can add another style to the bottom of your theme’s styles.css to override it and get them back onto one line.
Exactly how depends on the theme, but in your case, something like this should do the trick:

.widget-wrap .crafty-social-buttons ul>li {
   display: inline;
   border: none;
   margin-right: 5px;
}

You can adjust the margin-right setting as you like to set the spacing between the images.

Thank you for your suggestion, shen045, but I am afraid the code has produced no visible results. Any other guess?

(And just to be sure, I was supposed to add the code to the bottom of the style sheet, correct?)

Thank you so much for your time and consideration!

Yes, adding the code to the bottom of the stylesheet should do the trick.
At the moment, I don’t see the code being added – when I look at your stylesheet output, I see only two styles for ul>li which are both in the middle of the stylesheet, but I don’t see that override at the end.
Do you have any caching or concatenation/minification plugins that might need to be refreshed before the changes show up?

shen045, you are a genius! Yes, it was a cache issue.

It took me a while to get it fixed, but it’s working now!

Thank you, thank you, thank you!