SNAPS Header Size

nfiore11 · Member · Jun 13, 2018 at 8:29 pm
Copy link

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

The blog I need help with is: (visible only to logged in users)
nfiore11 · Member · Jun 13, 2018 at 8:30 pm
Copy link
It’s actually soldbybianca.com

they grabbed the wrong site to add into the question…
kokkieh · Staff · Jun 14, 2018 at 10:01 am
Copy link
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.
nfiore11 · Member · Jun 14, 2018 at 10:11 am
Copy link
yes! thank you very much!!
nfiore11 · Member · Jun 14, 2018 at 10:17 am
Copy link
I just tried that, and it removed the navbar?
kokkieh · Staff · Jun 14, 2018 at 1:27 pm
Copy link
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.
nfiore11 · Member · Jun 15, 2018 at 12:55 pm
Copy link
thank u!! that works :)
gemmacevans · Member · Jun 15, 2018 at 3:39 pm
Copy link
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/

No items found.