Hi,
After doing some research on the support forum to adjust the height of my main menu mobile container I added the below css.
However in the iPad view (768px) with ChromeDev it appears it hasn’t worked properly for the burger menu icon and search icon. I have attached a screenshot file in the private content.
/* CSS – */
@media only screen and (max-width: 990px) {
#header #header_main .container {
height: 50px !important;
line-height: 50px !important;
}}
@media only screen and (max-width: 768px) {
#header #header_main .container {
height: 50px !important;
line-height: 40px !important;
}
.responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
height: 50px;
line-height: 40px;
}
.responsive .logo a {
display: inline-block;
}}
@media only screen and (max-width: 768px) {
.responsive .logo img {
max-height: 50px;
}
}
@media only screen and (max-width: 320px) {
.responsive .logo img {
max-height: 50px;
}
}