[vannon]

Hello, I have a site here: http://seniorengineers.ca/csse/

On Mobile view, I would like to have the height of the header to fit to the height of the header image, so there is no white space.

What code can I place on the css editor?

Thank you

[Sakin]

@vannon: I see that you have edited core theme style.css which is not recommended. As all the edited done to style.css will be reverted back to original when you update the theme and you will lose your customization. So, to edit the css either you need to add CSS in “Appearance => Theme Options => Custom CSS” box or build child theme and add in your child theme style.css

So, add the following css in “Appearance => Theme Options => Custom CSS”

@media screen and (max-width: 767px) {
    #branding hgroup { padding: 0; }
}

Or remove the following css from your style.css file

#branding hgroup {
    padding: 5.30625em 0 2em 0;
    text-align: center;
}

[Author]

Posts