Shop Categories

X

Mobile Menu

Home Forums Agama Pro Mobile Menu

Topic Resolution: Resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13002
    isampatterson
    Participant

    Hello,

    Is there any way to make the menu appear alongside the logo on mobile, rather than below as it currently is? At the moment the menu button is half-way down my header and it looks messy.

    Also, is there a way to make the menu bar follow me down the page on mobile, rather than staying at the top?

    Thanks,
    Sam

    #13009
    Zex
    Moderator

    Hello,isampatterson!

    The next codes should solve your problem. (Insert it into Customizing->General->Additional CSS)

    @media (max-width:994px) {
    .sticky-header.sticky-header-shrink {
     position: fixed!important;	
    }   
    nav.mobile-menu {
     position: fixed!important;
     width: 100%;
     top: 80px!important;
     height: 150px;
     overflow: auto;
     z-index:9999;
    }
    }
    @media (max-width:480px) {
    #agama-logo a {
     max-width: 90%!important;
     text-align: left!important;
    }  
    .logo{
     float: left!important;
    } 
    .mobile-menu-icons{
     width: 10%!important;
     clear: none!important;
     text-align: right!important;
    }	
    }

    https://prnt.sc/n8yc5l

    Regards

    #13018
    isampatterson
    Participant

    Perfect – thank you!

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