Startup Theme how to shorter header height

Does your theme have a custom CSS option? If not, you can add it via a plugin such as CSS custom manager or JetPack if you are using that already. That way your changes won’t be overwritten when the theme is updated. Once you have that set up…

Do you mean in width or height? I’m guessing width, in which case, try adding this to the custom CSS section:

header {
    max-width: 850px;
}

Hi WPyogi,

I guess my custom CSS is the file named “style.css” and I mean in “height“, no width

So I tried with:

header {
max-height: 850px;
}

but it doesn’t work.

Any idea for height?

No, that’s the theme CSS file – which you should not edit at all – those changes will be lost when you update the theme so you really don’t want to do that. Please install a custom CSS plugin. For height, 850px would be super high, so that’s not what you want – you’d probably want a fixed height:

header {
height: 200px;
}

Or whatever height looks right to you.

– I have added custom css plugin “Custom CSS Manager”

– I have made a custom css as described :

header {
height: 5px;
}

– Now I can make my header as short as I want, but my problem now i s that the elemnts are anymore in the header.

-How can align those up at the top of the header?

https://www.rentbudapestapartments.com

It may be better asking these queries in a forum like https://csscreator.com/forum or https://welovecss.com – They’re great for sole CSS support.

Also try using Firebug – a really useful browser tool for working with CSS.

Thank you for inputs. Those are powerfull tools.