• 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)
  • 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.