make logo size of header

Hi, I want to make my logo the full size of the header. Can you please tell me how I do this?

 

Hello,

If you want to display logo in the full size of the header then you have to remove the Top Right Contact Detail section.
Go to the header.php file present in your theme directory and follow the instruction shown in the image given below.

 

Thank you for the reply. The above worked, however I would like to make the logo the size of the green(as below). Can you please advise how I do this? I have added a screenshot to help.

 

Hello,

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

Code:

.header .logo img {
visibility: hidden;
}
div.header_container {
background-image: url(http://correctbodymaintenance.com/wp-content/uploads/2014/05/header4.jpg);
background-size: 100%;
}
 

This will solve your issue.

 

Thank you. This worked

 

Hello,
We just checked the website on iphone and the header is tiled, when we only want one image to come through. Can you please suggest a correction of this?

 

Hello,

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

Code:

div.header_container {
background-image: url(http://correctbodymaintenance.com/wp-content/uploads/2014/05/header4.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
 

instead of

Code:

div.header_container {
background-image: url(http://correctbodymaintenance.com/wp-content/uploads/2014/05/header4.jpg);
background-size: 100%;
} 

This will solve your issue.

 

Thank you, this works, however please see attached mobile view.
We would like the header image to sit 'flush' with the green header.

 

Hello,

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

Code:

div.header_container {
background-size: 100% 100%;
} 

I hope this will solve your issue.