Top Menu disappears with Mobile View

[ORLA]

Hello,

The top menu disappears when viewing the site on mobile. Is there any way to fix this?

[Zex]

Hello, ORLA!

Thank you for noticing that.

Unfortunately, it seems you have found a bug in the theme.

Until we fix that, you can use the following code as a temporary solution (insert it into Customizing->General->Additional CSS):

/*Top menu visibility fix */
@media screen and (max-width: 992px){
#top-bar-wrap{
    display: block!important;
    }
}

Also, I found that you have too long Site title and it overlaps the mobile hamburger menu…

If you want to try to fix that, insert additionally the following codes at the same place:

@media screen and (max-width: 992px){
    #agama-logo{
   max-width: 70%!important;
} 
    .mobile-menu-icons {
    max-width: 20%!important;
} 
    .mobile-menu-icons > div {
     margin-right: 10px!important;
}
    .mobile-menu-toggle{
        padding:0px!important;
  }
    #masthead .site-title a {
        font-size:5vw!important;
        line-height: 50px
  }
}

Regards

[ORLA]

Wonderful, thanks so much!!!

[Zex]

Hello ORLA!

I’m glad it works 🙂

In the meantime, I contacted our Head developer about this and he told me that actually in the upcoming release, instead of the mobile-top menu we will add a Custom mobile menu, so that you will be able to create your mobile menu, and add to it whatever you want, regardless of your Primary and top menu.

Regards

[Author]

Posts