SNAPS Header Size

  • Author
    Posts
  • #3125909

    nfiore11
    Member

    In SNAPS template, is it possible to reduce the size of the header to make it thinner?

    The blog I need help with is myhomeinqueens.com.

    #3125910

    nfiore11
    Member

    It’s actually soldbybianca.com

    they grabbed the wrong site to add into the question…

    #3126184

    kokkieh
    Staff

    Hi there,

    Do you mean change the height of the header image? You can add this code at My Site ->Customize ->CSS:

    /*
    Adjust height of site header
    */
    header#masthead.site-header {
    height: 200px;
    }

    Adjust the number value until it looks like you want it to.

    #3126193

    nfiore11
    Member

    yes! thank you very much!!

    #3126196

    nfiore11
    Member

    I just tried that, and it removed the navbar?

    #3126289

    kokkieh
    Staff

    Ah, I did not spot that. Looks like I targeted the wrong CSS selector.

    Replace that with this code instead:

    /*
    Adjust height of site header
    */
    div.site-text-contain {
    	height: 200px !important;
    }

    Now the image should also resize better.

    #3126866

    nfiore11
    Member

    thank u!! that works :)

    #3126915

    That’s great to hear, thanks for letting us know that worked :) If you need any further help, you are welcome to reply here or use the direct support included in your plan:

    https://wordpress.com/help/contact/

The topic ‘SNAPS Header Size’ is closed to new replies.