Create a Smart Sticky Bar

A super easy tutorial which helps you to create and a Smart Sticky Bar sticked on top or on bottom position of your website like this.

Smart Sticky Bar Demo

Steps

  • Go to Components -> Engage Box
  • Create a new Box by clicking on the "New" button from the top bar
  • On General Tab
    • Set the Box Type to Freetext
    • Write your own custom message on the Freetext field
    • Set a Box title
  • On Trigger Tab
    • Set the Position to Top Left to stick on Top or Bottom Left to stick on Bottom.
    • Set the Trigger Point to onPageReady or onPageLoad
    • Set the Transision in Effect to slideDownIn
    • Set the Transision out Effect to slideDownOut
  • On Appearance Tab
    • Set the Box Widtht to 100%
    • Set the Box Height to auto
    • Set the preferred colors
  • Set the preferred Publishing Assignments
  • Publish the Box
  • Enjoy your Smart Sticky Bar!

Notes

For advanced styling use the Custom CSS field under the Appearance tab.

Get Engage Box for Joomla! for just 29€ Get it now!
Don't miss a thing!
Stay up-to-dated with my latest blog articles
Receive updates for my Joomla Extensions
No Spam! It's a promise.