title: How to align vertical submenu items with parent menu
body: <p>I have a vertical menu which shows submenu items on hover.I want to align the submenu according to the parent menu item.
  i am bringing the menu and submenu items through a repeater.
  i want the submenus to be reponsive as shown in the images.
  Use this link for example: <a href="http://www.industrybuying.com/" rel="nofollow">http://www.industrybuying.com/</a></p>
  
  <pre><code>    &lt;div class="vertical-menu-content"&gt;
                                  &lt;ul class="vertical-menu-list"&gt;
                                      &lt;asp:Repeater ID="rptVerticalMenu" runat="server" OnItemDataBound="rptVerticalMenu_ItemDataBound"&gt;
                                          &lt;ItemTemplate&gt;
  
                                              &lt;li class="vertical-menu4"&gt;
                                                  &lt;a href="Product_List.aspx?cat=&lt;%#Eval("BasicCategoryName")%&gt;" class="parent linkSize"&gt;
                                                      &lt;asp:Label ID="lblCatList" runat="server" Text='&lt;%#Eval("BasicCategoryName")%&gt;'&gt;&lt;/asp:Label&gt;
                                                  &lt;/a&gt;
                                                  &lt;div class="vertical-dropdown-menu"&gt;
                                                      &lt;div class="vertical-groups"&gt;
                                                          &lt;div class="row"&gt;
                                                              &lt;div class="col-sm-4"&gt;
                                                                  &lt;div class="block-content-vertical-menu border-left"&gt;
                                                                      &lt;h3 class="head"&gt;CATEGORIES&lt;/h3&gt;
                                                                      &lt;div class="inner"&gt;
                                                                          &lt;ul class="vertical-menu-link"&gt;
                                                                              &lt;asp:Repeater ID="rptVerticalSubMenu" runat="server"&gt;
                                                                                  &lt;ItemTemplate&gt;
                                                                                      &lt;li&gt;
                                                                                          &lt;a href="Product_List.aspx?cat=&lt;%#Eval("CategoryName")%&gt;"&gt;
                                                                                              &lt;asp:Label ID="lblCatName" runat="server" CssClass="text" Text='&lt;%#Eval("CategoryName")%&gt;'&gt;&lt;/asp:Label&gt;
  
                                                                                          &lt;/a&gt;
                                                                                      &lt;/li&gt;
                                                                                  &lt;/ItemTemplate&gt;
                                                                              &lt;/asp:Repeater&gt;
                                                                          &lt;/ul&gt;
                                                                      &lt;/div&gt;
                                                                  &lt;/div&gt;
                                                              &lt;/div&gt;
  
                                                             &lt;%-- &lt;div class="col-sm-4"&gt;
                                                                  &lt;div class="block-content-vertical-menu border banner-hover"&gt;
                                                                      &lt;a href="#"&gt;
                                                                          &lt;img src="WebTheme/TransMax/data/banner/b42.png" alt="Banner"&gt;&lt;/a&gt;
                                                                  &lt;/div&gt;
                                                              &lt;/div&gt;--%&gt;
                                                          &lt;/div&gt;
                                                      &lt;/div&gt;
                                                  &lt;/div&gt;
                                              &lt;/li&gt;
  
                                          &lt;/ItemTemplate&gt;
                                      &lt;/asp:Repeater&gt;
  
  
  
                                  &lt;/ul&gt;
                              &lt;/div&gt;
  </code></pre>