移动HTML和CSS3菜单上未显示汉堡菜单。

要在移动设备上显示汉堡菜单，可以使用媒体查询和一些CSS样式来隐藏和显示菜单。以下是一个示例解决方案：

HTML部分：

<div class="menu">
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于</a></li>
    <li><a href="#">服务</a></li>
    <li><a href="#">联系</a></li>
  </ul>
  <div class="burger-icon">
    <div class="bar"></div>
    <div class="bar"></div>
    <div class="bar"></div>
  </div>
</div>

CSS部分：

.menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #333;
  color: #fff;
  padding: 10px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

ul li {
  margin: 0 10px;
}

ul li a {
  color: #fff;
  text-decoration: none;
}

.burger-icon {
  display: none;
}

@media screen and (max-width: 768px) {
  ul {
    display: none;
  }

  .burger-icon {
    display: block;
    cursor: pointer;
  }

  .bar {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
  }
}

上述代码中，使用了媒体查询 @media screen and (max-width: 768px) 来判断是否为移动设备（屏幕宽度小于等于768px）。在移动设备上，通过设置 ul 的 display: none; 和 .burger-icon 的 display: block;，来隐藏菜单并显示汉堡菜单图标。点击汉堡菜单图标时，可以使用JavaScript来切换菜单的显示和隐藏状态。