[Resolved] How to add logo next to site title
Tiny Forge is based on Twenty Twelve, so many tips are valid. The only thing you will have to be aware: header.php element
<hgroup>in Twenty Twelve is called
<div class="site-branding" itemscope itemtype="http://schema.org/WPHeader">in Tiny Forge.
Best practice is to create a child theme, copy header.php to it and make changes there. If you will edit directly Tiny Forge theme files, they will be overwritten with the next update.
Also think how this logo should be displayed on different devices, you may have to add additional styles under media queries in style.css
From version 1.3 theme has an option to upload custom logo via Theme Customizer (Admin Panel Menu > Appearance > Customize). I recommend to size its height to 85px.
New version should be approved in a day or two 😉
This is one of the features that drew me to this template. I am having an issue however. The logo graphic is not being responsive. It simple does not scale. If I move that same logo to the rotating image build into the theme it scales just fine when changing screen size…
I would also like to change the menu style for smart phone sized screens. The current style stacks one navigation item on top of the other. In most themes I have used this navigation scales to a drop down bar with the navigation options.
you’re right, when I was adding this feature, I thought about small logo next to the Site Title. I will take a look how to fix it, but for a quick fix you can try to add
#site-logo: max-width: ...or
#site-logo img: max-width: ...statement to the style.css of the child theme. I will try to experiment with this after work.
In terms of mobile menu, I’m planning big overhaul for v1.5. Most likely I will use one from Underscores or a little bit modified version of it in theme Expound ( http://wordpress.org/themes/expound ).
I have been working to make a few changes to this Theme…
Two things to address with this template
I had posted this on a new thread this morning…. sorry…
This is what I ended up doing with the logo and header area.
1. making the logo responsive (update) not been able to make is responsive. However I manage to change some CSS that now has it displaying when at Smart-phone size and also was able to get it to center at that size. I was also able to get the description and tag-line text justified on full screen and centered on Smart-phone size and not have it broken at full screen size!
This I would love some insight on if anyone has some?
Tomas indicated he will be updating the mobile menu soon!
2. Ability to change the smart-phone sized menus format. It’s very plain looking and stacks one navigation item on top of the next instead of the normal bar style drop down menu.
It would be good to see live website, to better understand what kind of logo, etc.
- The topic ‘[Resolved] How to add logo next to site title’ is closed to new replies.