Can't adjust header height « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

Can't adjust header height

8 posts from 3 voices

Started 2 years ago by Atillam
Latest reply from Dude
This topic is not resolved

Tags:

header

Atillam
Member

Hi,

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:

#wrapper_head{
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

Posted 2 years ago #
James Morrison
Former Team Member

Hey,

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.

James

Posted 2 years ago #
Atillam
Member

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

http://www.thegroundtimes.com

Thanks,
Atilla

Posted 2 years ago #

Dude
Dude

Hey,
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: -->
			</div>

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:

#head{
z-index: 5;
position: relative;
width:960px;
margin:0px auto;
padding:0 20px;
height:200px;
}

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

Posted 2 years ago #

Atillam
Member

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

Posted 2 years ago #
Dude
Dude
You can adjust the padding top value of the main menu wrapper by modifying following code in style.css:
```
.nav_wrapper{
position: relative;
height:36px;
padding-top:125px;
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{
display:block;
height:70px;
width:370px;
position:absolute;
left:20px;
top:25px;
border: none;
padding: 0;
margin:0;
z-index: 10;
}
```
I.e set "top" to a lower value like 10px...
Posted 2 years ago #
Atillam
Member

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,
Atilla

Posted 2 years ago #
Dude
Dude

I think you refer to the (small) description text? If yes, please have a look at this tutorial: http://www.kriesi.at/support/topic/i-can%E2%80%99t-create-a-custom-menu-the-menu-behaves-weird - it tells you how to add a description to your menu items....

Posted 2 years ago #