By Stephen Walker

Avada has a sharing element which is fine, but a lot of websites have this feature pinned to the left side. With the new off-canvas feature this is relatively easy to do. Just create an off-canvas layout and adjust as necessary. Since there is no vertical stack for the sharing you have to force it with a small off-canvas area. I did struggle to get the right balance so to make it easier for you, just copy the short and paste it into the code view of the default editor. I may do a more detailed explanation in the future.

Copy to Clipboard

UPDATE: Since putting this together, I have removed this feature. I found it to be a bit over the top for my taste and it needs a lot of work. Here is an image of what the code above produced.

Originally published on April 8, 2022

share the article

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.


  • Customizing the Off Canvas Background

    Styling the off-canvas element is "easy" if you know which part to target.

  • Customizing Toggle (Accordion) Headings

    In a recent project and for this site's new menu, I needed to change the default of the toggle heading and place the icon on the right side but not pushed the full width of the toggle panel. Fortunately, this is easy to do with a couple of lines of CSS.

  • Buttons, buttons, and more buttons

    One of the best things about Avada is the flexibility to create custom variations of elements and save them to the library for later use.

  • List of Links

    I am working on a new project and recently discovered some great CSS features --- text-underline-position and text-decoration-thickness.

  • Border between columns

    Since Avada currently does not have border settings for small and medium screens, this was our workaround

  • Test Layout – The Becker

    Trying to duplicate the basic look and feel of Dirk Beckers' website using Avada.