BuddyBoss Home – Web Support Forums Solutions Social Learner How to reduce Header height?

Tagged: ,

  • This topic has 3 replies, 3 contibutors, and was last updated 7 years ago by sam.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Question



    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,



    Would be also interested in this 🙂


    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.

    Varun Dubey


    Thanks Varun, I will take a look.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The question ‘How to reduce Header height?’ is closed to new replies.