Title: move logo location Last modified: February 10, 2017 --- # move logo location * [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/) * Hello! My client want’s his logo on the same line as his business name in the header. Is it possible to choose where the logo image shows up in the header? His logo is an anchor with the name Sea Breeze on it. The name of the site is Sea Breeze Bakery, Cafe & Subs. When I try to insert the logo in the header, it shows up above his company name instead of next to it. * Here’s the site: * wwww.seabreezecafedepoebay.com * Thanks for any help anyone can give me.. Kathy 🙂 Viewing 14 replies - 1 through 14 (of 14 total) * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8790788) * Hi mobilequeen * It might be better if you have the logo on the site so that people can see what the issue is and advice you further. * Thanks * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8791605) * Hi Salsaturation! You are correct! Sorry, I forgot to leave the logo on there. Now it’s there. Where do you think it would look best, and is it doable? He didn’t have a file with the logo, but it was on the front of the T-shirts he sells, so I just took a picture of it. (He gave me a T-shirt, too) Thanks, Kathy * [http://www.seabreezecafedepoebay.com](http://www.seabreezecafedepoebay.com) - This reply was modified 9 years, 3 months ago by [mobilequeen](https://wordpress.org/support/users/mobilequeen/). * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792162) * If you don’t already have a [Child_Themes](http://codex.wordpress.org/Child_Themes) or a custom.css you should install a plugin like [Jetpack](https://wordpress.org/plugins/jetpack//) then add the following to the custom css area… adjust the height and sizes accordingly * ``` .site-logo-link { float: left; margin-right: 5px; } ``` * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792189) * Thank you for your help. It worked, but now I think maybe I should either make the logo smaller or take the “Subs” out of the title and just make it Sea Breeze Bakery & Cafe so it will fit on one line. * Please check it again an tell me what you suggest. * Thanks again, Kathy 🙂 * [http://www.seabreezecafedepoebay.com](http://www.seabreezecafedepoebay.com) * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792208) * you can add the following code t make the logo smaller… amend the 80px appropriately * `max-width: 80px;` * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792249) * Thanks! It made the logo smaller, however the “Subs” is still on a lower line. I really appreciate your help. Any more suggestions? Thanks again, Kathy 🙂 * [http://www.seabreezecafedepoebay.com](http://www.seabreezecafedepoebay.com) * [Chad Chadbourne](https://wordpress.org/support/users/shireling/) * (@shireling) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792277) * It looks like the width of the branding area is causing it to move onto a second line. Try adding this to your CSS: * ``` @media screen and (max-width: 1024px) { .site-branding { display: block; } } ``` * 🙂 * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792312) * Hi Chad, I tried adding that, but then it said something was unbalanced and I need an opening and closing for each ? * Anyway, this is what i have in the CSS box now. Would you be so kind to add the code so I get it right? * .site-logo-link { float: left; margin-right: 5px;max-width: 80px; } * Thanks a lot! Kathy 😛 * [Chad Chadbourne](https://wordpress.org/support/users/shireling/) * (@shireling) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792336) * Hm. Did you maybe miss the last `}` when you copied? I know I’ve done that more than once 🙂 * Here’s your code combined with mine: * ``` .site-logo-link { float: left; margin-right: 5px; max-width: 80px; } @media screen and (max-width: 1024px) { .site-branding { display: block; } } ``` * Let me know if that gives you better results! * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8792384) * Yay! Thanks so much! That worked! (maybe I did leave out one of those { things, but i thought I copied and pasted it right.) I know CSS can be very touchy. 🙂 * [http://www.seabreezecafedepoebay.com](http://www.seabreezecafedepoebay.com) * I appreciate salsaturation’s and your help very much. * Have an amazing weekend! * Kathy 🙂 - This reply was modified 9 years, 3 months ago by [mobilequeen](https://wordpress.org/support/users/mobilequeen/). * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8794308) * Hey guys, I just noticed that the logo doesn’t look right on my mobile phone. It’s probably just because of the phone, I guess. If you get a chance will someone look at the header of my site on their phone and tell me what you think? It’s not that big of a deal, but I thought I’d mention it. Thanks and have a great Saturday! Kathy * [http://www.seabreezecafedepoebay.com](http://www.seabreezecafedepoebay.com) * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [9 years, 3 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8799628) * try something like * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 500px){ . site-branding { width: 100%; } * .site-title { font-size: 24px; font-size: 2.4rem; } } * Thread Starter [mobilequeen](https://wordpress.org/support/users/mobilequeen/) * (@mobilequeen) * [9 years, 2 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8841795) * Thanks, salsaturation! That did the trick! Have a great day! Kathy 🙂 - This reply was modified 9 years, 2 months ago by [mobilequeen](https://wordpress.org/support/users/mobilequeen/). * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [9 years, 2 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8841882) * great – don’t forget to mark it as resolved Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘move logo location’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/canape/1.0.6/screenshot.png) * Canape * [Support Threads](https://wordpress.org/support/theme/canape/) * [Active Topics](https://wordpress.org/support/theme/canape/active/) * [Unresolved Topics](https://wordpress.org/support/theme/canape/unresolved/) * [Reviews](https://wordpress.org/support/theme/canape/reviews/) * 14 replies * 3 participants * Last reply from: [salsaturation](https://wordpress.org/support/users/salsaturation/) * Last activity: [9 years, 2 months ago](https://wordpress.org/support/topic/move-logo-location/#post-8841882) * Status: not resolved