Yigit showed me how to make a two line menu bar. It works great! However, when I look at it on a mobile screen, the extra space to make a 2 line menu shows up on a smartphone and takes up much of the page without showing the links because of the mobile menu.. Is there any way to not allow this large extra blue space to fill the phone but keep it the way it is on desktop? See mobile screenshot below. Many thanks again.
Frank
Hey Frank!
Change the code to the following:
@media only screen and (min-width: 767px) {
#header #header_main_alternate .container {
height: 80px;
}
.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 198px !important;
}
}
Best regards,
Josue
It works great Josue!!!! Thank you soooo much!!!
You’re welcome, glad to help :)
Cheers!
Josue