This members-only tutorial provides the steps to set up a menu that appears when a Font Awesome + icon is hovered with right aligned menu items in Oxygen.

Live Demo

One limitation with this method is that on tablets and mobiles, tapping on the + when the menu is open does not dismiss it. The user has to either tap on a menu item or anywhere else outside the menu.

I may write another tutorial using an alternate method that should not have this issue.

Step 1

Let's load Font Awesome on the front end.

You may skip this step if it is already being loaded on your site's pages.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?



You need to be logged in to view and post comments.
Not a member yet? Join here.
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: