Nuntius theme: CSS to shrink height of header (image) area

warademin · Member · Jan 16, 2016 at 2:40 pm
Copy link

Add topic to favorites
In the Nuntius I’m trying to find a way to shrink the height of the header area. The theme currently takes an image of 980 x 155. I’d like to put an image less than 155 high (e.g. 100) and have the header area shrink up and move the middle menu and content up the page (e.g. by 55). I have the CSS upgrade and (1) want to know if I can do it via the CSS, and (2) if I can what is the code to drop in the CSS. Thanks for any help anyone can give.
Site is http://web.weareresidents.org

The blog I need help with is: (visible only to logged in users)
ogurel · Member · Jan 17, 2016 at 4:35 am
Copy link
Hi there,

You can use the following Custom CSS code in order to shrink the header area:
```
#header .wrap
{
    height: 100px;
}
#header .search
{
    margin: -10px -20px 10px 0;
}
#sidebar-header
{
    overflow: visible !important;
}
```
However, I should point out that the Nuntius theme

https://theme.wordpress.com/retired/nuntius/

has been retired and is not responsive which will definitely affect your mobile visitors as well as your search engine rankings (SEO) for mobile searches.

I hope this modification helps you and please let me know if you need anything else.

Take care,

Onur
warademin · Member · Jan 17, 2016 at 10:02 am
Copy link
Thanks for the excellent quick reply Onur. I know the theme is EOL but timing isn’t good to change it at the moment.

Also thanks for the fix. It partially did what I want. It reduces the header area a little but there seems a limit that it won’t shrink down further than – which is probably about 110px. After that the menus don’t move up any more.

Could this be due to space reserved for the theme Header Widget Area, which limits the shrink? If so is there a CSS way to supress/remove the Header Widget Area so I can shrink the header further? See this image of what happens: http://www.weareresidents.org/temp/css-header-reduction.gif
warademin · Member · Jan 18, 2016 at 4:20 pm
Copy link
No need for a reply. I decided to ditch Nuntius since it is retired and bite the bullet on a response theme. Thanks

No items found.