How to adjust height and width of Blogger Header? ~ Blogger-Help.com

24 March 2010

How to adjust height and width of Blogger Header?

Wednesday, March 24, 2010 DrRaman 2 comments

αвнєєѕн asked me - hii drraman, when i add image to the title of my blog, this drop down menu bar will be disappeared, why this happend , plz tel me ur kind suggestion...and help me....

So adjusting height of the header will solve the above problem.

How to adjust hieght and width of Blogger Header?

Go to Edit HTML and look for

#headr {

or

#header-wrapper {

You will get following type of code

#header-wrapper {
background:#FFFFFF;
width:920px;
height:90px;
margin:0 auto 0px;
}

920 is the width of your header and 90 is the height of your header. Just adjust these values to suit your template.

Posted in: Blogger Hacks n Tips,Edit Customize Template

2 comments:

αвнєєѕн says:

March 25, 2010 1:32 AM

hi drraman thank u 4 ur kind mind to help me..
I tried it for many times,changing the width and height of my header wrapper. but when ever i add the title image it looks like same as before(the dropdown menu disappear). I am attaching my header wrapper to this...

#header-wrapper {
margin: 0 auto 0;
width: 990px;
height: 118px;}

#header {
margin: 0 auto 0;
width: 990px;
height: 125px;}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;}

#header h1 {
margin: 0;
padding:35px 0 0 60px;
line-height:1.2em;
text-transform:capitalize;
letter-spacing:0.2em;
font: $pagetitlefont;color:$pagetitlecolor;
text-align:center;}

#header a {
color:$pagetitlecolor;
text-decoration:none;}

#header a:hover {
color:$pagetitlecolor; }

#header .description {
margin:5px 0 0 0;
padding:0 20px 30px;

text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
text-align:center; }

#header img {
margin-$startSide: auto;
margin-$endSide: auto;}

#navigation{
height:34px;
line-height:2.0em;
margin:0px auto 0;
float:left;
width: 100%;}

#navigation ul{
margin: 0 auto 0;
padding: 0 0 0 0px;
list-style-type:none;}

#navigation li{
float:left;
white-space:nowrap;
list-style-type:none;}

#navigation li a{
display:block;
width: 60px;
height:32px;
margin: 0 0 0;
padding:0px 10px;
text-align:center;
font-size:13px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
color: #321b03;}

#navigation .selected,#navigation a:hover{
color:#00ffef;
text-decoration:none;}

plz help me..