Archived topic

Changing mobile header size

3 replies · Started by sjoerd89 on January 11, 2017

Viewing posts 1–4 of 4

January 11, 2017 at 7:59 am #262959

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

January 11, 2017 at 9:45 am #263018

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.

January 12, 2017 at 1:56 am #263277

Thank you :)
worked like a charm

January 12, 2017 at 12:07 pm #263471

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.