Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #3286


    I want to change the height of the header (not the logo) and get rid of the search box. While searching the forum, I ended up finding this stylecode to be adjusted for the height:


    position: relative;

    z-index: 100;

    overflow: visible;


    This is supposed to be in the style.css file, but can’t find it in the style.css. Now I see this is meant for Avisio.

    Could you please advise? Thanks



    Every theme has unique code so it’s likely that code provided for Avisio won’t be the same in Newscast.

    Please provide the site URL, as you can appreciate in order to offer you the correct solution it’s best to see the site 1st hand.



    sorry, forgot that. I thought my username was clickable and was forwarding to the site.






    1) To remove the search box open up header.php and delete following code:

    <div id="headextras" class='rounded'>

    <?php get_search_form(); ?>

    <ul class="social_bookmarks">
    <?php if(isset($k_option['general']['contact_link']) && $k_option['general']['contact_link'] != '')
    $contact_link = get_page_link($k_option['general']['contact_link']);
    echo "<li class='email'><a class='ie6fix' href='".$contact_link."'>E-mail</a></li> ";
    <li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>

    <?php if(isset($k_option['general']['acc_tw']) && $k_option['general']['acc_tw'] != '')
    echo "<li class='twitter'><a class='ie6fix' href='http://twitter.com/".$k_option['general']['acc_tw']."'>Twitter</a></li>";

    <!-- there is room for 3 icons, below are predefined classes for others if you want to use them instead -->
    <li class='flickr'><a class='ie6fix' href="#">flickr</a></li>
    <li class='facebook'><a class='ie6fix' href="#">Facebook</a></li>

    </ul><!-- end social_bookmarks-->

    <!-- end headextras: -->

    If you want to keep the icons (and the black box around the search form) delete just following line:

    <?php get_search_form(); ?>

    2) To increase the header height open up style.css and search for following code:

    z-index: 5;
    position: relative;
    margin:0px auto;
    padding:0 20px;

    Adjust the height value (200px) as you like.


    Hey Dude,

    Thanks for your quick reply and support, much appreciated.

    Regarding the height, I found this adjustable part of code myself already and the way you describe it under 2), is actually the issue. You can only increase and not decrease the height using this class.

    There is too much ‘space’ there and disabling the search option (rather have in in the sidebar) would make it even more open. I guess I need only about 120px in height for that area before the nav menu begins.

    Please advise on this part,

    Thank, Atilla


    You can adjust the padding top value of the main menu wrapper by modifying following code in style.css:

    position: relative;
    z-index: 6;

    Set padding-top to a lower value. If you want to move the logo you can change the top value of following entry:

    #top .logo, #top .logo a{
    border: none;
    padding: 0;
    z-index: 10;

    I.e set “top” to a lower value like 10px…


    Hey Dude,

    Thanks a lot…it’s a simple solution, if you adjust the one, you also have to ajdust the other. This became clear when it all got mixed up when only changing one, but didn’t realise so fast that it was the .nav_wrapper. I tried and it works

    Well to keep you busy in the sunday morning, how can I add this subline in the main navigation above the slider. Like the one on reviewtablets.com where it says: Store (with the subline:) Buy a tablet now. After this I will close the thread as solved as the subject changes.

    Thanks again,



    I think you refer to the (small) description text? If yes, please have a look at this tutorial: https://kriesi.at/support/topic/i-can%E2%80% (Purchase code hidden if logged out) -the-menu-behaves-weird – it tells you how to add a description to your menu items….

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Can't adjust header height’ is closed to new replies.