Issue with burger menu and search icon on iPad

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;
}
}

• This topic was modified 5 years, 3 months ago by SilviaNT.