Проблема подменю WordPress для мобильного устройства - PullRequest
Новая
       24

Проблема подменю WordPress для мобильного устройства

0 голосов
/ 20 марта 2019

У меня проблема с подменю при открытии на меньшем устройстве.пункты подменю накладываются на следующие пункты меню.Ниже приводится мой CSS для подменю: 

/* Submenu */
nav .menu li > ul {display: none;}

li:hover > .sub-menu {

display: block;
position: absolute;
background-color: #550486;
}

nav > ul > li:hover .sub-menu {
    display: block;
  }

nav ul li a{
      position: relative;
      display: inline-block;
      font-size: 13px;
      line-height: 40px;
      padding: 0 2em;
      -webkit-transition: all .3s ease;
  }
  nav a:hover{

      background:#e9b647;
      color: #fff;
  }

и этот код для СМИ: 

/* Landscape phones and down */
  @media (max-width: 480px) {

  nav{

       height: 0;
       overflow: hidden;
      -webkit-transition: all .3s ease;
}
  .menu>li{
        display: inline; }




}

Пожалуйста, помогите мне с этим ..

...