Hamburger menu mobile

[Bart Schelstraete]

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

[Zex]

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

[ORLA]

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

[yuniz]

Hi ORLA,

We will check and get back to you.

Regards

[yuniz]

@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

[ORLA]

Thank you!

[Author]

Posts