Change Header hight

Ankorad · August 2016

Hello,

I tried to change the header high. The logo must be the same high as the header. How can I do that? See the picture, I want to delete the red section.

And sorry for the bad english, I am from Germany

Ankorad · August 2016

Here is the picture:

http://www.bilder-upload.eu/show.php?file=cbc784-1472066567.png

Albert · August 2016

Hi,

please send us link to page where you would like to do these changes first.

Ankorad · August 2016

http://www.jesuszentrum-emden.de/Wordpress/startseite/

Albert · August 2016

Ok. So to decrease header's height, please use the following css:

.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) { line-height: 200px !important; }
.header-plain #Top_bar a#header_cart, .header-plain #Top_bar a#search_button, .header-plain #Top_bar .wpml-languages, .header-plain #Top_bar a.button.action_button { line-height: 200px !important; }
#Top_bar .top_bar_right, .header-plain #Top_bar .top_bar_right { height: 200px !important; }
#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo { padding: 10px 0 !important; }

Ankorad · August 2016

Thanks, could change the height. But now the navigation looks stupid when i scrool down the page.

Albert · August 2016

Sorry, we forgot about sticky header. So please use the following css instead if you want to do not affect sticky header:

.header-plain:not(.menu-highlight) #Top_bar:not(.is-sticky) .menu > li > a span:not(.description) { line-height: 200px !important; }
.header-plain #Top_bar:not(.is-sticky) a#header_cart, .header-plain #Top_bar:not(.is-sticky) a#search_button, .header-plain #Top_bar:not(.is-sticky) .wpml-languages, .header-plain #Top_bar:not(.is-sticky) a.button.action_button { line-height: 200px !important; }
#Top_bar:not(.is-sticky) .top_bar_right, .header-plain #Top_bar:not(.is-sticky) .top_bar_right { height: 200px !important; }
#Top_bar:not(.is-sticky) #logo, .header-fixed #Top_bar:not(.is-sticky) #logo, .header-plain #Top_bar:not(.is-sticky) #logo, .header-transparent #Top_bar:not(.is-sticky) #logo { padding: 10px 0 !important; }

Ankorad · August 2016

Now it`s perfect, thanks.

Albert · August 2016

You're welcome!

Change Header hight

Comments