You would need to change the menu width in the css file first:
media\com_hotspots\css\hotspots-v4.css
line 16
.slide_menu {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 10px 10px #565656;
color: #000000;
/*height: 200px;*/
left: 100%;
width: 300px;
z-index: 20;
position: absolute;
}
SEt the width to whatever you need. After that you need to change:
media\com_hotspots\js\v4\apps\menu\show\show_view.js
line 28
this.$el.animate(
{
'marginLeft': '-300px'
},
to
this.$el.animate(
{
'marginLeft': '-' + this.$el.width()
},
I'll make this change in the core so next time you need to update it won't be a problem. Having an override for the css setting should be enough.
Regards,
Daniel