Reduce header height on mobile devices

  • jlcota

    (@jlcota)


    10 years, 4 months ago

    Hi,

    I’m sure this is easy: I’d like to know how can I reduce header height on mobile devices.

    Cheers,

    Jorge

Viewing 1 replies (of 1 total)
  • bdbrown

    (@bdbrown)

    10 years, 4 months ago

    Hi Jorge. This is the normal style for the header:

    #header .pad {
    padding-top: 30px;
    padding-bottom: 30px;
}

    This is applied when the menus collapse:

    @media only screen and (max-width: 719px)
#header .pad {
    padding-top: 0;
    padding-bottom: 0;
}

    You could reduce it further by adding a “height” property to the media query.

Viewing 1 replies (of 1 total)

The topic ‘Reduce header height on mobile devices’ is closed to new replies.