Sidebar Menu - Show Photo

Does anyone know if there is a way to present a photo in the side bar menu ?

It doesn’t look like a photo works for the Slidable Menu plugin. But Icons will work

example of both attempted here

Geoff | Wolfer Tech
Check out
The Best Selling Bubble Template
The Most Used Bubble Template (FREE)


If you really want to add a photo and have full flexibility on the design and are willing to put in some time, you can make your own side menu using Groups, Text, Links, images etc.


Thanks !
It works… just it takes now ages for the Sidebar menu to present the content …

yep, a Floating Group works for this. I´m currently using it for an app I´m building to show search filtering options that don´t fit the mobile screen

I put the code together if your keen to try it out :slight_smile:

1 Like

Thanks Jarrad.
Where should I put this piece of code in ?
I added the Bubble plug in but cant find how to use it.

above is the procedure, and you will see once you have a “when page is loaded” event and go to add the action that under the plugin section there is a “custom code block” option. Place your code in the first property.

1 Like

Thanks. Found the place to paste the code… however, how this custome event is linked to the SideBar menu ? do I have to pust somthing in the Sidebar menu area as well ?

All you do is add your menu options first. then change: Option 1
to be what that menu items name is. so if you went and made a menu with 2 options and the labels were Account and the other was aBc123 then your two blocks (1 block per menu option remember) would be -

var pb1 = $( “div.slideable-option:contains(‘Account’)” ); $(pb1).prepend(’<img align=“left” float=“absolute” src=“YOUR-URL-HERE” width=“100%” height=“100%” />’);

var pb2 = $( “div.slideable-option:contains(‘aBc123’)” ); $(pb2).prepend(’<img align=“left” float=“absolute” src=“YOUR-URL-HERE” width=“100%” height=“100%” />’);