Home › Forums › WoodMart support forum › responsive menu › Reply To: responsive menu
November 13, 2020 at 8:16 am
#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