Hello ,


You can use this solution below with the HTML snippet plugin. The code below explains the structure of the menu on the mobile site, and references specific styles sheets.


<!--MENU-->

<div id="bmob-automatic-menu" class="bmob-menu rounded l2d font-family-1 medium">


<!--DROP_DOWN_MENU_LINK-->

<div id="bmob-menuitem" class="bmob-menuitem cat" style="font-weight: bold;"><a class="ellipsis closed">DROP_DOWN_TOWN</a></div>


<!--SUB_MENU_LINK-->

<div class="bmob-submenu" style="display:none;">

<div id="bmob-menuitem" class="bmob-menuitem"><a class="ellipsis" href="SUB_MENU_URL">SUB_MENU_TITLE</a></div>

</div>


<!--MENU_LINK-->

<div id="bmob-menuitem" class="bmob-menuitem"><a class="ellipsis" href="MENU_URL">MENU_TITLE</a></div>


</div>


you can copy and paste more <!--DROP_DOWN_MENU_LINK--> (<!--SUB_MENU_LINK-->) and <!--MENU_LINK--> within the <!--MENU--> container to extend the menu.


replicate the bolded element to add more items to the drop-down. Simply copy and paste below the item.



<!--SUB_MENU_LINK-->

<div class="bmob-submenu" style="display:none;">

<div id="bmob-menuitem" class="bmob-menuitem"><a class="ellipsis" href="SUB_MENU_URL">SUB_MENU_TITLE</a></div>

<div id="bmob-menuitem" class="bmob-menuitem"><a class="ellipsis" href="SUB_MENU_URL">SUB_MENU_TITLE</a></div>

</div>