Sight theme: Want to change size of header image on tablet

thrivesc4 · Member · Aug 19, 2016 at 3:14 pm
Copy link

Add topic to favorites
I’m looking for a way to make the header image larger on a tablet with the “sight” theme. Right now, it takes up about half the screen, with the secondary menu and search bar taking up the other half. Is there a way to stack those instead?

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 19, 2016 at 6:23 pm
Copy link
Hi there, I see Twenty Sixteen on your site right now. Are you wanting to change to Sight, or have you switched from it to Twenty Sixteen?

Sight is a bit challenging on header image changes. Can you be a bit more specific on what you are wanting? Is the image you wish to use the one that you have on your site now?
thrivesc4 · Member · Aug 19, 2016 at 6:25 pm
Copy link
I changed to Twenty Sixteen because I couldn’t get Sight to do what I wanted in a couple different ways. While we’re on the subject of Twenty Sixteen, though, is there a way to reduce the padding above the menu and below the header image? There seems to be a lot of white space with it.

Thanks!
thesacredpath · Member · Aug 19, 2016 at 6:54 pm
Copy link
Certainly, there is 5.25em of top and bottom padding on .site-header. Add the following CSS and adjust the two values as desired.
```
.site-header {
    padding-top: 5.25em;
    padding-bottom: 5.25em;
}
```
If you set them to zero, no units are necessary.

No items found.