Custom CSS to shrink site-header?

  • Resolved hookedbyanna

    (@hookedbyanna)


    8 years, 3 months ago

    I’d like to reduce the height of the site header: the area containing the main menu, social buttons, site name/logo and tagline – in-between the top image and where the page/post content starts. Is there a handy CSS snippet for it? My Apex themed site: hookedbyanna.com Hope someone can help ??

Viewing 1 replies (of 1 total)

  • You can add this CSS code to your Child Theme style.css file, or by using a Custom CSS plugin.

    .title-container {
    margin: 0 auto 2em;
}
@media all and (min-width: 50em) {
    .menu-primary-container {
        margin: 1em 0;
    }
}

    You can adjust the 2em and 1em values to finetune the spaces between the header elements.

    Hope this helps.

Viewing 1 replies (of 1 total)
  • The topic ‘Custom CSS to shrink site-header?’ is closed to new replies.