Title: adding logo to navigation bar Last modified: August 30, 2016 --- # adding logo to navigation bar * [briawhite11](https://wordpress.org/support/users/briawhite11/) * (@briawhite11) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/) * Hello, Can someone help me add my logo to the header bar/menu bar. I am using the seal theme. I just built my website about a week ago so i am still new to this. Viewing 12 replies - 1 through 12 (of 12 total) * [Luke Stacey](https://wordpress.org/support/users/daftduke/) * (@daftduke) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739296) * Hi there! * In your admin dashboard go to Appearance – > Customize and click on ‘Header Image’. You can select a new image from your media library or upload one. * I hope that helps! * Luke the Daft Duke * Thread Starter [briawhite11](https://wordpress.org/support/users/briawhite11/) * (@briawhite11) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739304) * Thanks I’ve tried that but I want the logo next to the menu not above it. Heres an example of what I mean:[http://iluvbethanni.com](http://iluvbethanni.com) * Her logo is next to her menu. * [Luke Stacey](https://wordpress.org/support/users/daftduke/) * (@daftduke) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739320) * Right…gotcha * You can do that but you’ll need to set up a child theme first. * Here’s a link to the [WordPress codex](https://codex.wordpress.org/Child_Themes) or you can watch a [tutorial video here](http://daftdukedesigns.com/wordpress-child-theme/). * So this is the end result I made : * [Screenshot](http://postimg.org/image/3p4h76xpl/) * When your child theme is set up you’ll need to copy the header.php from the Sela parent theme into your child theme folder. You can do this with an FTP editor or via Cpanel. * Next, open the header.php file you copied into your child theme and add this line of code below line 34. * `` * You’ll need to replace the image url with your own image logo url. * Here’s a link to [ paste bin with the entire header.php file](http://pastebin.com/48eq22jf) so you can see the change. * Finally, add a few line of codes to your child theme’s style.css file. * ``` .site-logo { float: left; width: 20%; } ul.nav-menu { margin-top: 15px; width: 80%; } ``` * Depending on the size of your logo you may need to adjust the width attributes. * I hope that helps! * Luke the Daft Duke * Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * (@zoonini) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739375) * Hi daftduke – thanks for the tutorial! * briawhite11 – If you prefer not to go the child theme route, there’s simple way to a site logo in Sela, since it supports the Jetpack logo out of the box. Just activate the [Jetpack plugin](https://wordpress.org/plugins/jetpack/) and you’ll get the option to add a logo in the Customizer’s Site Title, Tagline, and Logo panel. * The logo will be above the menu, but you can reposition it with some CSS, using the Custom CSS editor in Jetpack. * Let us know if you need further help. * Thread Starter [briawhite11](https://wordpress.org/support/users/briawhite11/) * (@briawhite11) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739407) * Kathryn-what CSS can I use to do it your way, and where would I put it. * Thanks * Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * (@zoonini) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739456) * Could you please go ahead and add the logo to your site and provide a link to the site so we can take a look? * Thread Starter [briawhite11](https://wordpress.org/support/users/briawhite11/) * (@briawhite11) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739460) * Ok logo has been added . * my site is nicholeknows.biz * Moderator [Kathryn Presner](https://wordpress.org/support/users/zoonini/) * (@zoonini) * [10 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739476) * I’m not seeing a Jetpack site logo. * Could you go into your Customizer’s panel titled “Site Title, Tagline, and Logo” and upload the logo there? * [fauzan814](https://wordpress.org/support/users/fauzan814/) * (@fauzan814) * [10 years ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739608) * Hello Everyone * Please help * I wanted to do the same for my site. I use [codilight lite](https://www.famethemes.com/themes/codilight-lite/) as my theme and already create a child theme for it. Now, I wanted to replace the default home button icon with my own website logo. I managed to change it but it wont expand. I don’t really know much about coding but I’m sure I’m a quick learner so I hope I’ll manage to get it quickly. * I am trying to not use plugins for this because it is already there, I just have to tweak it a little. * Stop by: [http://www.asy-syaamil.tk](http://www.asy-syaamil.tk) Thank you * [Siobhan](https://wordpress.org/support/users/siobhyb/) * (@siobhyb) * [10 years ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739609) * [@fauzan814](https://wordpress.org/support/users/fauzan814/): This forum is for questions surrounding the Sela theme. * Please can you start a new thread on the Codilight Lite theme’s forum for help with your question? You can find that forum here: * [https://wordpress.org/support/theme/codilight-lite](https://wordpress.org/support/theme/codilight-lite) * In addition, you can find a contact form here on the theme’s website: * [https://www.famethemes.com/contact](https://www.famethemes.com/contact) * The team behind the theme will be in the best position to help you with your question as they’re the most familiar with its code and design. * [fauzan814](https://wordpress.org/support/users/fauzan814/) * (@fauzan814) * [10 years ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-6739610) * [@siobhan](https://wordpress.org/support/users/siobhan/) Bamber: Thank you very much, I’ll do your advice. * [websitedeveloper](https://wordpress.org/support/users/websitedeveloper/) * (@websitedeveloper) * [9 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-8384904) * Hi Guys, need assistance in developing my website – Sunworldsystems.in Want to attach logo to navigation bar to hide logo white background. Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘adding logo to navigation bar’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/sela/1.0.17/screenshot.png) * Sela * [Support Threads](https://wordpress.org/support/theme/sela/) * [Active Topics](https://wordpress.org/support/theme/sela/active/) * [Unresolved Topics](https://wordpress.org/support/theme/sela/unresolved/) * [Reviews](https://wordpress.org/support/theme/sela/reviews/) * 12 replies * 6 participants * Last reply from: [websitedeveloper](https://wordpress.org/support/users/websitedeveloper/) * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/adding-logo-to-navigation-bar/#post-8384904) * Status: not resolved