WordPress theme TwentyFourteen interfere with AddThis Welcome Bar

The AddThis welcome bar will make a empty gap on top of the WordPress webpage with the TwentyFourteen wordpress theme. Is there a fix for it?

You will find AddThis will add this div to the webpage:

<div class="addthis_bar_placeholder" style="height: 46px;"></div>

which cause the problem.

A little trick that works is to set that div’s positions attribute to absolute to avoid it taking the space. To achieve this, add this piece of css to the theme or via WP-insert plugins or other mechanisms:

<style type="css/text">
.addthis_bar_placeholder {position:absolute;height:0;}
</style>

Eric Ma

Eric is a systems guy. Eric is interested in building high-performance and scalable distributed systems and related technologies. The views or opinions expressed here are solely Eric's own and do not necessarily represent those of any third parties.

Leave a Reply

Your email address will not be published. Required fields are marked *