Although this is a community theme, Optimal I was hoping for help with centering my logo. I think I have tried everything except what works.
It looks like you are using the custom header option in WP, right? I think the way to do it is to make your logo file be 960px wide and center it there. I have had very little luck with using the custom header with images that are less wide than the header area.
Another option would be to try changing the header width in line 199 of your style.css to something like 460px, which would work with the existing header image. If you do that, add !important to it so it continue to center for the mobile responsive elements. I think this would work–but not 100% sure.
margin: 0 auto;
width: 460px !important;
Sorry, not sure either solution is really ideal–the first will make your header look wonky in smaller screens as the entire image will resize, even the blank parts; the latter is fine if they never change the header image (or at least the size of it).
I do the best I can with what I’ve got. (say hey on twitter)
Thank You!! I changed the width and it works perfectly.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.