Adding Logo to Left of Site Title

Tagged: Header image, logo, site title

This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by Wes.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 14, 2017 at 10:45 am #21759
Freelance_Fluent
Customer
Hello! I’m really enjoying the Aspire Theme. My website is live but I’m having difficulty finding the solution to this problem: I’d like to include a small image (just the gold pen portion of my logo) directly to the left of the site title. So since the site title is hidden until scroll, I’d just need it for the .light header). Obviously Genesis replaces a header image with the site title so I’m not certain how I can display them both.

Secondly, the navigation for the interior pages doesn’t show until scroll. I know the theme is let up this way but I changed it for the homepage and would like to do so for the interior pages but I can’t quite figure it out now.

Thanks for your help! My website is http://www.freelancefluent.com.

Amanda
July 15, 2017 at 11:37 pm #21771
Wes
Moderator
Have you already tried uploading the logo to the Header using the Customize page? If you need to change the default size, you can look for the header code in your functions file and change it to the exact size of your image –
```
//* Add support for custom header
add_theme_support( 'custom-header', array(
	'flex-height'     => true,
	'width'           => 300,
	'height'          => 60,
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );
```
For the menu font: I can see some code that was added for the .genesis-nav-menu a but I can’t tell where you added it. Did you use the customizer for this?
```
.genesis-nav-menu a {
	color:black;
}
```
I would remove that, and/or change it to this –
```
.home .genesis-nav-menu a {
	color: #000;
}
```
If you do it this way, then the font will only show up with a black color on the homepage, and the .site-header.light .genesis-nav-menu a will still kick in and activate when the black background shows up (on scroll).
```
.site-header.light .genesis-nav-menu a {
    color: #fff;
}
```
Let me know if that helps
July 20, 2017 at 9:59 pm #21788
Freelance_Fluent
Customer
Yes, that code edit I added was added using the customizer (I almost always use the customizer for this kind of edits – is that ill advised?). Your solution for the navigation worked perfectly! Thank you!

As for my logo – yes, certainly I could upload it using the customizer/”header image” but what I actually want is to add an image to the left of the current site title – so to display both the logo AND the site title. Whereas if I upload a logo through the customizer it REPLACES the site title – I can’t figure out how to display both at the same time.
July 21, 2017 at 2:14 am #21805
Wes
Moderator
This reply has been marked as private.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.