title: Issue with responsive menu (XML and ASP Menu)
body: <p>I am using XML menu with ASP.Net to display the menu, and styling them with the custom CSS, The issue is with the menus on Mobile devices.
  Consider the below screenshot,
  <a href="https://i.stack.imgur.com/AJb8K.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AJb8K.png" alt="enter image description here" /></a></p>
  <p>CSS Code,</p>
  <pre><code>.menuxml{
  display:none;
  background-color: #006969;
  color: #ffffff;
  font-size: 95%;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  }
  .main_menu,
  .main_menu:visited,
  .main_menu:hover {
  text-align: center;
  color: #ffffff;
  text-align: center;
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  padding-left: 5px;
  padding-right: 5px;
  }
  
  .main_menu:hover {
  background-color: #004949;
  color: #ffffff;
  }
  
  .level_menu,
  .level_menu:visited,
  .level_menu:hover {
  min-width: 100px;
  border-bottom:1px solid #ccc!important;
  background-color: #f1f1f1;
  color: #000000;
  text-align: left;
  height: 30px;
  line-height: 30px;
  padding-left: 7px;
  padding-right: 5px;
  }
  
  .level_menu:hover {
  background-color: #004949;
  color: #ffffff;
  }
  </code></pre>
  <p>I have tried <code>word-wrap</code>, <code>word-break</code> and <code>display:inline</code>
  Live test can be done with <code>https://www.includehelp.com/</code></p>