Draggable Elements

Move me

 

Code Block

<div class="draggables" class="ui-widget-content">
     <a href="LINK HERE">
       <img src="IMAGE LINK HERE">
</div>   

<style>
  .draggables {
    width: 250px;
    height: 250px;
    padding: 0.5em; }
</style>

Page Injections

Settings > Advanced > Code Injection
Insert in Footer

***NOTE: Make sure you don’t have multiple of the same Javascript libraries (first 2 lines of script)

 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
<script>
  $( function() {
    $( ".draggables" ).draggable();
  } );
  </script>
Previous
Previous

Shrink Header on Scroll

Next
Next

Squiggle Underline on Hover SVG