- This topic has 13 replies, 5 voices, and was last updated 12 years, 2 months ago by
.
-
Posts
-
I would like to add a logo to my header instead of using the text. How do I add a logo first off and secondly I would like it to be responsive so that it is centered when looking on a mobile phone or iPad. Is there a tutorial out there on how to do this or can someone instruct me on how to do this?
Thanks!
Tyy
In your admin dashboard go to --->Appearance ----> Header and upload your logo.
Now to make it mobile responsive, you will have to install Nick's plugin. It can be found on his blog: http://designsbynickthegeek.com/plugins/genesis-responsive-header
~’;’~
Ok, I added the header image and now it just has a big red bar all the way across. I am using the Metro theme with the red color. Not sure why it is making it red. The entire header is now red and is not showing my logo image. Also, it is making the whole thing a clickable link. Can I make it so just the logo is clickable? Thanks for the help!
Tyy
When you upload your image in the header section, look at the bottom of that page and take the checkmark off " Show header text with your image." since you don't want the text header no more and save settings. Your logo image ethat you uploaded and selected will be clickable.
~’;’~
I have done exactly as you said and it won't work. It just makes the entire header red. Not sure what is happening. I have checked and unchecked the header text box and the only thing it does is reduces the size of the red area to the size of the header text. Other than that it will not put my logo. Seems like something in the theme's color template is overwriting it. Any other ideas? Thanks!
Tyy
Ok, I just figured something out. When choosing any of the color themes other than default is what is causing the problem. When I chose the default color theme it works, except it makes the entire header clickable instead of just the logo. This seems like it might be an error with the theme. Any thoughts?
Thanks!
Tyy
I'm going to upload my new logo image this week as I just hired a designer this morning. I still have the default text one showing but on the old genesis theme I had, I never ran into this issue. I'll let a moderator or another member toss in some advice.
~’;’~
I am also having the same problem. If I use any color but the default color theme (I want to use green)... If I want to upload my own logo (no text in header)... I get a solid green bar in the header area.
I am going to try to change the default color theme to green in the css. Will come back and update.
Ok it worked. I changed the default metro theme color (#f96e5b) to the green color of my choice (#457E00). Just do a find and replace.
If you want to upload your own header logo graphic file (jpg., png, etc...) and use a different color than the default metro theme color (which is currently set to pink (#f96e5b).... you need to modify the main css file... by changing the default color to the color you want to use.
Thanks for sharing that fix. I will go play with it and see what I can come up with. One question I still have though is when I add the header image it makes the whole header as a link instead of just the logo. Is there a way to change that. Thanks!
I am also having this problem with Metro. Can a moderator look into it and fix this problem? Even a quick CSS solution would be great.
I feel something as fundamental as uploading a logo shouldn't be this hard.
Ok, I just got a reply directly from support regarding this problem and here is what they recommend.
Look for:
.header-image #title a {
background: none;
padding: 0;
Change it to:
.header-image #title a {
background: none !important;
padding: 0;
I just tried this and it did fix the problem using one of the other themes color templates.
I still need to find out how to only make the logo a link and not the whole header, but I guess one step at a time. Hope this helps.
- The forum ‘General Discussion’ is closed to new topics and replies.