24 March 2010

How to adjust height and width of Blogger Header?

Advertisements

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

4 comments

March 25, 2010 at 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..

March 26, 2010 at 12:16 AM

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

July 11, 2012 at 11:55 PM

i can not change this blog header width
http://janprachar.blogspot.com

July 12, 2012 at 12:40 AM

Hi Bhagat
which template are you using?

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More