Shop Categories

X

Top Menu disappears with Mobile View

Home Forums Agama Pro Top Menu disappears with Mobile View

Topic Resolution: Resolved
  • This topic has 3 replies, 2 voices, and was last updated 4 years ago by Zex.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26072
    ORLA
    Participant

    Hello,

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

    #26075
    Zex
    Moderator

    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

    #26078
    ORLA
    Participant

    Wonderful, thanks so much!!!

    #26080
    Zex
    Moderator

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.