Shop Categories

X

Hamburger menu mobile

Home Forums Agama Pro Hamburger menu mobile

Topic Resolution: Resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #27210
    Bart Schelstraete
    Participant

    Hi,

    The hamburger menu in mobile devices is placed in my logo.
    How can I change the location a bit, so that it’s not in my header logo anymore

    #27211
    Zex
    Moderator

    Hello, Bart!

    Insert the following code into Customizing->General->Additional CSS:

    @media only screen and (max-width: 600px) {
    #agama-logo .logo-desktop{
        max-height: 18vw!important;  
        }
    }

    Regards

    #28698
    ORLA
    Participant

    Hi, I’m having the same issue on my site. I tried inserting the CSS, but it did not solve my issue. Can you help Zex? My website is: http://www.oilregionlibraries.org

    #28699
    yuniz
    Keymaster

    Hi ORLA,

    We will check and get back to you.

    Regards

    #28702
    yuniz
    Keymaster

    @ORLA

    @media screen and (max-width: 992px) {
    #agama-logo {
    max-width: 100%;
    display: flex;
    align-items: center;
    }
    hgroup#agama-logo > div:not(.mobile-menu-icons) > * {
    flex: 0 0 100%;
    }
    #masthead .site-title a {
    line-height: 30px;
    }

    hgroup#agama-logo > div:not(.mobile-menu-icons) {
    flex: 0 0 60%;
    display: flex;
    flex-wrap: wrap;
    }

    .site-title a::before {
    width: 100%;
    height: 96px;
    vertical-align: -50%;
    background-size: 110px;
    background-position: center;
    }
    }

    Please add above code in Additional CSS

    Regards

    #28703
    ORLA
    Participant

    Thank you!

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