Centering AddToAny Menu

Centering AddToAny Menu

While utilizing AddToAny‘s social media sharing menu, a small issue presented itself.  Despite utilizing the standard alignment methods, the AddToAny menu stayed aligned to the left instead of center.

Referring to the AddToAny site for support, the following solution was provided.

<style type=”text/css”>
#my_centered_buttons { display: flex; justify-content: center; }
</style>

<div class=”a2a_kit a2a_kit_size_32 a2a_default_style” id=”my_centered_buttons”>
    <a class=”a2a_button_facebook”></a>
    <a class=”a2a_button_twitter”></a>
    <a class=”a2a_button_pinterest”></a>
    <a class=”a2a_dd” href=”https://www.addtoany.com/share”></a>
</div>

<script async src=”https://static.addtoany.com/menu/page.js”></script>

Unfortunately, this still did not work.

After a bit of troubleshooting, I was able to center the menu with the following custom CSS:

.a2a_kit
{
   display: flex;
   justify-content: center;
}

If anyone else is experiencing a similar issue and this solution doesn’t work, let me know and we can try to figure it out today.

– Rett