change header size

  • Author
  • #3089402


    I would really like to resize the header a bit smaller, so it will have the same size as the posts below.

    Another less urgent question: can I change the word “home” into a pictogram?

    Thanks in advance

    The blog I need help with is



    you can change word “home” into pictogram via CSS or use Plugin “Menu Icons by ThemeIsle”. And about the size of header, you can change too via CSS



    Staff will assist you as soon as possible. It’s a weekend so please be patient while waiting.



    If you meant the logo itself in the header, you can make this smaller as follows:

    .site-branding .custom-logo {
    	max-width: 100px;
    	height: auto;

    Then you could reduce the top and bottom margins on the logo wrapper as follows:

    .site-branding {
    	margin: 0;

    and then there is a bit of padding that you can play with as well with this:

    .header-main {
    	padding-top: 10px;
    	padding-bottom: 10px;

    So there are a few ways to change the size of the header to hopefully achieve what I think it is you are after.
    All these bits of CSS need to go in Additional CSS in the customizer for which you will of course need a premium plan.


    Thanks, for your answer but is was not quit what I meant. What I meant was to reduce the size at the left and right size from the header picture so it will have the same as the blogposts below.
    Or is there a way to have header picture above the menu instead of below the menu?
    Hope you can help me out again.
    Thanks in advance


    I solved the problem :-)



    Good to hear that you fixed it.
    Would you mind briefly explaining how you did it so we can all learn from it.


    I didn’t change the header-size but used a picture in the header using this

    .site-header {
    background: url(‘’) !important;



    That seems to work nicely too.
    Thanks for sharing it.

The topic ‘change header size’ is closed to new replies.