Hi Ruco, same problem here, since i have added the 2nd level menu, only these display in mobile version, I must say, I haven’t added any custom css to the site, nor have I changed any theme files, I will be trying the above solutions, but I am writing to let you know there is such problem going on.

blacktieleaders.com if you would like to have a look

Maja

Hello,

Please double check your logos. I see here that the light logo is imported in the dark logo place and the other way around. Also please add these lines into your custom css box:

@media (max-width: 979px){
.header_5 .mobile_small_menu {
  display: block;
}}

In what device is the second screenshot taken? I see that in ipad it is ok, screenshot.

Best regards!

Hello,

I can see both the icons and mobile menu in your site. You probably deleted by mistake some important css class and after reinstalling theme, got them back. but because of cache plugin already saving the first version of the theme, couldn’t see them just yet.
Please clear cache and try again. This is what i see: screenshot.

Best regards!

Hello,

Yes, please go to file css\bootstra[-responsive.css and fins these lines:

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  

edit max-width: 979px value to 480px. Save and refresh.
Now you will have the hamburger mobile menu only for mobile, not ipads.

Best regards!

Hello,

For the small menu in mobile, please add these lines:

@media (max-width: 979px) {
.close:hover {
  color: rgb(242, 245, 244);
  opacity: 1;}
}

As for the header and footer, edit the code to this:

 a:hover, .header_1 nav li.current-menu-item > a, .header_1 nav li > a:hover {
  color: #FCFCFC !important;
}

Best regards!

Hello,

Please add these lines into your custom css box:

.header_1 nav li > a:hover { color: rgb(221, 202, 163);}
@media (max-width: 979px) {
a.mobile_small_menu.open { color: rgb(242, 245, 244);}
}

edit the colors to your wish.

Best regards!

Hello,

Please add these lines into your custom css box:

@media (max-width: 979px){
.mobile_small_menu {  margin-left: -40px;}
}
@media (max-width: 480px){
#logo {  left: -25px !important;}
}

This should be the result: image.

Best regards!