Reduce size of header

  • Resolved LordLiverpool

    (@lordliverpool)


    10 years, 3 months ago

    Hello

    How do I reduce the overall size of the theme header?

    I have already reduced the margin to 5px and that helped

    #branding {
    margin-top: 5px;
    }

    I am trying to reduce the amount of white space above the social media icons and the pale blue background.

    Anyone know what CSS I need to change please?

    I can’t seem to find any values to change for div.hgroup-wrap.clearfix

    What am I missing?

    Thanks very much

    Cheers

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter LordLiverpool

    (@lordliverpool)

    10 years, 3 months ago

    I found some CSS for reducing the space between the logo and the div above it

    #site-logo {
    float: left;
    margin-top: 32px;
    }

    Reducing the size of margin top helps to reduce the overall size of the header but not the space above the social media icons

    Anyone know what to change???

    Thanks

    esmi

    (@esmi)

    10 years, 3 months ago

    Are you using a child theme or a custom CSS plugin?

    Thread Starter LordLiverpool

    (@lordliverpool)

    10 years, 3 months ago

    Child theme

    esmi

    (@esmi)

    10 years, 3 months ago

    Have you tried using Firefox with the Firebug add-on for this kind of CSS troubleshooting? Or using whatever developer tool is available in your web browser?

    Thread Starter LordLiverpool

    (@lordliverpool)

    10 years, 3 months ago

    Hi esmi

    I normally use Google Chrome Developer Tools (F12) but was unable to locate the HTML element in question or its connected CSS

    However I took your advice and tried Mozilla Firebug and found it straight away:

    .hgroup-right {
    float: right;
    margin-top: 38px;
    }

    I reduced margin-top and BINGO it was fixed

    Thanks for your help

    Cheers

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce size of header’ is closed to new replies.