[Resolved] Changing mobile header size

[sjoerd89]

Hi Tom,

i am trying to resize the mobile header image and looked around for other questions and found this answer:

.mobile-header-navigation .mobile-header-logo, .mobile-header-navigation .mobile-header-logo img {
    height: 40px;
}
.main-navigation.mobile-header-navigation .main-nav ul li a {
    line-height: 60px;
}

I played around with it but the mobile image goes outside the menu bar. http://codepen.io/anon/pen/mRVNVR (resize to see what i mean)

Can you enlighten me what i am doing wrong? 🙂

Thanks

[Tom]

This should help:

#mobile-header .main-nav ul li a, 
#mobile-header .menu-toggle, 
#mobile-header .mobile-bar-items a {
    line-height: 60px;
}

You also have height: 40px applied to your .inside-navigation class in your custom CSS – that definitely won’t help.

[sjoerd89]

Thank you 🙂
worked like a charm

[Tom]

You’re welcome 🙂

[Author]

Posts