It would be awesome if we had the option to make the HTML 'block' float with the page, much like Google's Trusted Store badge does.
I know you can maybe do something close with CSS, but that stuff only works with certain browsers. That 'Trusted Store' badge works in all [that were required to be tested].
The reason for this is I'd like to add a Yelp badge that floats with the page using the Traction Theme, which means the layout is single column. -- If it was double or triple I'd just put the DIV in one of the home page columns set to 'top of page'.
But, really, it'd be a lot cleaner to just have the widget float. This would also give us the ability to have a splash screen for, say, limited time sales or other promotions. -- So...probably another suggestion beyond adding a check box to enable a "floating" DIV.
Hi,
The one and only way to achieve this is by using CSS and it works on all browsers. If you open your widget and from the HTML editor choose "Tools" > "Source Code", paste this code and you will see the floating badge:
<p class="floating-badge" style="position: fixed; bottom: 20px; right: 5px; padding: 20px; border-top: 5px solid #0E9A58; background-color: #F5F5F5; box-shadow: 0 0 4px 1px #666;color: #000; text-align: center; z-index: 2000000;">SOME FLOATING BADGE</p>
<script>// <![CDATA[
$('.floating-badge').appendTo('body');
// ]]></script>
I hope this will help you !