Hi,
It’s not a problem if you can’t control completely the outputted structure as long as it is still valid (and yours is just fine). The only slight difference for you from the default setup instructions is that you will need a slightly different init code – e.g. something like this:
$(function() {
$('#divMenu > ul').attr('id', 'main-menu').addClass('sm sm-blue').smartmenus({
subMenusSubOffsetX: 1,
subMenusSubOffsetY: -8
});
});
Here is a working demo:
https://jsfiddle.net/x3k1nrmc/
This uses the default “sm-blue” theme but I guess it should be easy for you to change that if you like.
Cheers!