Title: smaller header Last modified: August 30, 2016 --- # smaller header * Resolved [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/) * Hi, * 1) is it possible to make smaller (width) header? I looking in this forum and founded this: * div.iheader { display:none; } * But it disable whole header… * 2) If I reduce header, what about text? This text reduce automaticaly? THX Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/smaller-header/page/2/?output_format=md) [→](https://wordpress.org/support/topic/smaller-header/page/2/?output_format=md) * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721301) * Hey Kubikjiri, * Hope you’re well today? * It really depends on what you’re trying to do. Would you mind posting link to your site and explaining what exactly are you looking to achieve and I’ll try my best to help you with some custom CSS. * Cheers, Bojan * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721310) * Hi, * today is the day like ordinery – super 🙂 * this is link: [http://kubikjiri.cz/?page_id=62](https://wordpress.org/support/topic/smaller-header/kubikjiri.cz?output_format=md) * The blue header with text: “O mně”… I need this blue header smaller…width… * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721314) * Dobrý den pane Kubíku, Hovořím česky ale zachováme angličtinu. Mohu Vám pomoci jak budete potřebovat. Podívejte se do sekce vzdělání prosím “Nejvíce ze svého** zvdělání **si vážím certifikátu €FA. * Hi Mr. Kubík Nice looking site put this code to your Child Theme style.css file OR Install [iSmple Custom CSS](https://wordpress.org/plugins/simple-custom-css/) plugin and put the code there. * ``` .iheader h1 { font-size: 27px; width: 100%; } ``` * change the * > font-size: 27px or width: 100%; * to any No. you want Your link take us to the WordPress forum link, but I got to your site. 🙂 * Hope this will be helpful * [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/) * (@wpmudev-support4) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721315) * Hey Kubikjiri, * Thanks for the link, that element has 100% width you can use that property with different value to make it smaller. * Please try adding the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes) or if your theme doesn’t have custom CSS tab add it in your site using the following plugin: * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css) * ``` .iheader { width: 100%; } ``` * Replace 100% with lesser value, what ever suits you the most. * Have a great weekend 🙂 * Cheers, Bojan * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721358) * Tahoe Rock: Děkuji, graficky a jazykově to bude ještě samozřejmě procházet korekturou… * Nicméně asi jsem to špatně napsal. Potřebuji zmenšit na šířku, ale ne zleva či zprava, ale zespodu! Zkoušel jsem kod změnit podle css, ale asi špatně. * Bojan Radonic WPMU DEV Support: Thanks, It works, but I need to change header size from bottom. Not changing for left or right size…. * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721368) * Dobrý den pane Kubíku, pokud jsem tomu zprávně porozuměl, vložte tento code do vašeho **child theme** style.css souboru nebo **Simple custom CSS** pluginu. * put this code to your Child Theme style.css file OR Install [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/) plugin and put the code there. * ``` .iheader { height: 70px; } OR .iheader { height: 70px!important; } ``` * Replace 70px with any No. you wish * Hope this will be helpful. Let me know if this is what you are looking for. Feel free to ask another Questions. Have a great weekend Cheers Vláďa A.K.A as TR * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721369) * Thanks, * but if you look on my site, header is smaller (cool), but text in this header is big and not readable at all… * [http://kubikjiri.cz/?page_id=62](http://kubikjiri.cz/?page_id=62) * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721370) * Změnil jste height na 50px Změňte na 70px a vše bude OK. Můžete zde stanovit jakoukoliv hodnotu, která bude ta pravá. Pokud máte potíže s weben , mohu Vám pomoci blíže. * TR * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721373) * Takhle by to bylo dobré při 60px a písmu 23px. Jenom ho ještě vycentrovat na střed? To nejde? * No možná bych uvítal pomoci s doděláním a radami. Ještě chystám druhý web zarucujeme. cz a ten už určitě sám dělat nebudu. Jste z Prahy? * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721374) * Ne jsem z Krkonoš. Rád pomohu. TR * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721386) * One more note: To center the Header: * put this code to your Child Theme style.css file OR Install Simple Custom CSS plugin and put the code there. * ``` .iheader h1 { line-height: 66px; } ``` * OR * ``` .iheader h1 { line-height: 66px!important; } ``` * line-height: 66px : you can go to any No. it will suits to you. Hope this will be helpful Cheers TR * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721390) * SUPER!!!!! Thanks…so last question…is it possible to put in this header picture? I need switch from one color to another color. Or some texture…. * If it can ‘t do it, doesn ‘t matter 🙂 * Thanks * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721391) * And the last last question…is it possible to change color line no the bottom? Now is dark brown…. * Thread Starter [Kubikjiri](https://wordpress.org/support/users/kubikjiri/) * (@kubikjiri) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721392) * And the smaller header in mobile phone does’n work :/ * [Tahoerock](https://wordpress.org/support/users/tahoerock/) * (@tahoerock) * [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/#post-6721418) * Hi Mr. Kubík * > ………..is it possible to change color line no the bottom? Now is dark brown…. * Do not know what line you mean. Please be more specific. * > …….is it possible to put in this header picture?…… * Yes it is possible. * > ……And the smaller header in mobile phone does’n work :/….. * We have to talk this. I know this, I was checking your site on my iPhone 6+ BUT!!!! when we do header smaller, it will interfere with mobile menu option and reading of the headers. We have to consider this. Go to your mobile and see** O mně** portrait view, you will have mobile menu just underneath. * Code for this should be: * ``` @media (max-width: 999px) .iheader h1 { line-height: 0px; padding-bottom: 0px; } ``` * OR * ``` @media (max-width: 999px) .iheader h1 { line-height: 0px!important; padding-bottom: 0px!important; } ``` * Last, Last Q ??? 🙂 Cheers TR Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/smaller-header/page/2/?output_format=md) [→](https://wordpress.org/support/topic/smaller-header/page/2/?output_format=md) The topic ‘smaller header’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/i-excel/1.7.9/screenshot.png) * i-excel * [Support Threads](https://wordpress.org/support/theme/i-excel/) * [Active Topics](https://wordpress.org/support/theme/i-excel/active/) * [Unresolved Topics](https://wordpress.org/support/theme/i-excel/unresolved/) * [Reviews](https://wordpress.org/support/theme/i-excel/reviews/) * 17 replies * 3 participants * Last reply from: [Tahoerock](https://wordpress.org/support/users/tahoerock/) * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/smaller-header/page/2/#post-6721420) * Status: resolved