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

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)

  • Question

    July 15, 2015 at 11:04 am #42710

    sam
    @sam4089

    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

    Answers

    July 15, 2015 at 1:09 pm #42719

    Sol Huebner
    @rugwarrior

    Would be also interested in this 🙂

    July 16, 2015 at 5:59 am #42782

    Anonymous
    @

    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

    July 16, 2015 at 7:00 am #42784

    sam
    @sam4089

    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.