Header Logo

Hi there,

could you please tell me what coding changes would enable placement of my logo as shown on this site
http://galesburglibrary.org/a/

This is exactly the size and placement I would like for my site(s) but not sure how..

Any assistance would be greatly appreciated as always.

Kind regards,

Maggie

 

Hello,

Go to header.php present in your theme directory and follow the instruction as shown in image given below




Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-container .header .logo img{
width:100%;
}

This will solve your issue.

 

Thank you Gourav. I hope you enjoyed the recent celebrations.

Ive been able to do this but could you please tell me how to center the logo and nav menu as the logo is still on the left screen.

Many thanks

Maggie

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header-container .header .logo img {
margin-left: 30px;
}
 
@media only screen and (max-width: 767px){
.header-container .header .logo img {
margin-left: 10px;
}
}
@media only screen and (max-width: 480px){
.header-container .header .logo img {
margin-left: 10px;
}
 
}

Adjust its value as per your requirements.