24 March 2010

How to adjust height and width of Blogger Header?

αвнєєѕн 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.

Related Posts

Newer Post Older Post Home

2 comments:

αвнєєѕн says:
March 25, 2010 1:32 AM Reply

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..

drraman says:
March 26, 2010 12:16 AM Reply

you have to create image of
width: 990px
height: 118px

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More