How to reduce Header height?

[sam]

Hello,

Social Learner is a fantastic theme! I would appreciate your help making the following design change, It will take me a significant amount of time to inspect all the elements and make the adjustments on my own.

Reduce the header height from 74px to 44px (desktop and mobile)
– Can you help me with the header elements I need to modify?
– Which content containers will I need to modify to compensate for the reduced header height?
– “.header-account-login img” is styled inline to 50px 50px, will I need to modify PHP to reduce this size so it fits?
– Is this the only change I need to make for mobile header:
.mobile-header-outer {
height: 44px;
}
– Are there any other changes I will need to make?

Thank you,
Sam

[Sol Huebner]

Would be also interested in this 🙂

[Varun Dubey]

Hi @sam4089, for the mobile version it will need following edits

.mobile-header-outer {
height: 44px;
}

#inner-wrap {
margin-top: 44px;
}

For the desktop version it will need many edits, it will not be a quick edit. All elements have height parameter , you will need to edit them all, along with the pop up and nav top positions those also need to be adjusted.

Regards
Varun Dubey

[sam]

Thanks Varun, I will take a look.