Help Resize the header image size

Hi,
Please help me. I have a logo to use and i want it to be full width (ie 100% or 1600px) but the height to remain at 50px. please help with a code i can use to vary the dimensions

 

Hello,

This is not possible until you remove the social icon section from the top.

Download the header.php file attached with this post and replace it with the existing one.

Now, Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#logo img {
width: 100%;
height:50px;
}
 

This will solve your issue.

 

Hi there Piyush,
I have followed the instructions you have written here and I have just one question, is it possible via CSS to ask the logo.jpg to "float" in the middle of the banner area?

I´m again helping a non-profit from Latinamerica with their site but they have a "round" logo and I want to see how it looks centered Also, is it possible to reduce the margins so the logo "sits" on top of the menu bar?, see picture attached !!

Url: http://es.jambikiwa.org

Thx soooo much as always, have a great day !!!

 

Hi again,
I have managed to find the CSS code to make the logo centered but I still need a bit of help with the "margins" above and below the logo

@media screen and (min-width: 767px){
#logo {
float: right;
margin-right: -100px;
}}



​

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

 #logo {
padding-top: 5px;
padding-bottom: 0px;
}
#logo img {
vertical-align: bottom;
}

This will solve your issue.

 

Brilliant Piyush, almost done with another of my voluntary work for Social non-profits thx to you guys