How to increase header height

Community Forums Forums Design Tips and Tricks How to increase header height

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Dorian Speed 3 months, 4 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #15034

    davej1963
    Participant
    Post count: 17

    I’d like to use a header that is taller than the size my Metric theme allows. When I upload my header it cuts off about halfway.

    Thanks in advance.

    #15051

    Dorian Speed
    Participant
    Post count: 100

    I believe this should work – in the style.css file, find the following:

    #header .wrap {
    	width: 960px; 
    	height: 120px;
    	margin: 0 auto 0;
    	}
    

    Change the height to whatever you want. Do the same here:

    .header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
    	display: block; 
    	float: left;
    	width: 340px;
    	height: 120px;
    	margin: 0; 
    	padding: 0;
    	text-indent: -9999px;
    	overflow: hidden;
    	}
    

    and I think you should be good. Sometimes there’s code in functions.php that specifies the header size but I’m not seeing that when I look at the Metric theme.


    Web designer and avoider of chores.
    Bringing websites Up to Speed! Follow me on Twitter!

    #15081

    davej1963
    Participant
    Post count: 17

    thx

    #15115

    Dorian Speed
    Participant
    Post count: 100

    Did that work? If so, you can mark this thread as “resolved.”


    Web designer and avoider of chores.
    Bringing websites Up to Speed! Follow me on Twitter!

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

You must be logged in to reply to this topic.