Home Forums WoodMart support forum responsive menu Reply To: responsive menu

#241234

Bogdan Donovan
Keymaster

Try to replace previous custom code with this one:

.woodmart-navigation .menu {
  display: flex;
  justify-content: space-between;
  padding-left: 8px;
  padding-right: 8px;
  flex-wrap: nowrap;
}

.woodmart-navigation .item-level-0 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.woodmart-navigation .item-level-0:not(:last-child) {
   margin-right: 2px;
}

.whb-header-bottom.whb-flex-flex-middle .whb-col-center {
  flex-basis: 100%;
  width: 100%;
}

.woodmart-navigation .menu .item-level-0 > a {
  white-space: nowrap
}

.menu-item:not(:last-child) a {
  border:none;
}

@media (max-width: 1450px) {
    body .woodmart-navigation .menu .item-level-0 > a {
    font-size: 10px !important; 
  }
}

@media (max-width: 1300px) {
  
  body .woodmart-navigation .menu .item-level-0 > a {
    font-size: 9px !important;
    padding-left: 5px;
    padding-right: 5px;  
  }
}

Best Regards