Ticket #2637 - Example usage in Footer menu.

template/css/menu.css

@@ -7,8 +7,8 @@ ul.bx-menu-custom-hor {
     list-style:none;
 }
 
-.bx-menu-hor li,
-.bx-menu-custom-hor li {
+.bx-menu-hor > li,
+.bx-menu-custom-hor > li {
     display:inline-block;
     vertical-align:middle;
 }
@@ -904,6 +904,14 @@ ul.bx-menu-btns-icon-hor li:last-child .bx-btn {
     display: none;
 }
 
+/* --------------- footer menu */
+#bx-menu-footer.bx-menu-hor li {
+    text-align: left;
+}
+#bx-menu-footer.bx-menu-hor > li {
+    vertical-align: top;
+}
+
 /* --------------- switch language menu (popup) */
 .bx-popup .bx-menu-ver.bx-menu-object-sys_switch_language_popup li a div > span {
     margin-left: 0;

template/menu_footer.html

@@ -6,6 +6,9 @@
                 <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
                 <bx_if:title>__title__</bx_if:title>
             </a>
+            <bx_if:show_subitems>
+                <div class="bx-menu-item-subitems bx-def-padding-sec-left">__subitems__</div>
+            </bx_if:show_subitems>
         </li>
     </bx_repeat:menu_items>
 </ul>

template/menu_footer_subitems.html

@@ -0,0 +1,14 @@
+<ul class="bx-menu-item-subitems bx-menu-ver bx-clearfix">
+    <bx_repeat:menu_items>
+        <li class="bx-menu-item-subitem __class_add__">
+            <a href="__link__" onclick="__onclick__" title="__title_attr__"__attrs__>
+                <bx_if:image><img title="__title_attr__" src="__icon_url__" /></bx_if:image>
+                <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
+                <bx_if:title>__title__</bx_if:title>
+            </a>
+            <bx_if:show_subitems>
+                <div class="bx-menu-item-subitems bx-def-padding-sec-left">__subitems__</div>
+            </bx_if:show_subitems>
+        </li>
+    </bx_repeat:menu_items>
+</ul>