Title: Header
Last modified: February 23, 2017

---

# Header

 *  [Gha3mi.com](https://wordpress.org/support/users/aligha3mi/)
 * (@aligha3mi)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/header-147/)
 * Hi😃
 * 1) I want to put a logo in the left side of the Title.
    And 2) I want to move
   the social buttons from under title to near menu button.
 * Here is my website: [gha3mi.com](http://gha3mi.com)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * (@shireling)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/header-147/#post-8840408)
 * Hi [@aligha3mi](https://wordpress.org/support/users/aligha3mi/)!
 * To enable Boardwalk’s logo support, you’ll want to install and activate the [Jetpack Plugin](https://jetpack.com).
 * Once that is done, you’ll see an option in your Customizer for **Site Title, 
   Tagline, and Logo**.
 * When you first add your logo it will sit above the title, but we can change that
   with a bit of CSS:
 *     ```
       .site-branding .clear {
          float: left;
          clear: none;
       }
       ```
   
 * To add that CSS, you can use the Additional CSS panel in the Customizer (assuming
   you’re running at least WordPress 4.7) or with something like the [Jetpack Plugin](http://jetpack.com)
   using the [Custom CSS Module](http://jetpack.com/support/custom-css)
 * Moving the social media buttons will depend a bit on how you added them in there
   in the first place.
 * It looks like you may have manually coded them in, is that right? If so, make
   sure you are using a [child theme](https://codex.wordpress.org/Child_Themes) 
   so they don’t get erased in a future theme update. I’d recommend putting them
   in a container, so you can move them around as a single unit, and placing them
   outside of the `.site-branding` element so they aren’t limited to its width.
 * If you aren’t able to move them using those tips, tell me a little more about
   how you’ve created those icons (feel free to post your code if you have it) and
   I’ll see what we can do!
    -  This reply was modified 9 years, 4 months ago by [Chad Chadbourne](https://wordpress.org/support/users/shireling/).
 *  Thread Starter [Gha3mi.com](https://wordpress.org/support/users/aligha3mi/)
 * (@aligha3mi)
 * [9 years, 4 months ago](https://wordpress.org/support/topic/header-147/#post-8843176)
 * Thank you so much.👍 I’m trying to create **child theme** now.
 * ✔I added the logo in header.php without plugin:
 *     ```
       <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><img src="http://gha3mi.com/wp-content/uploads/2016/06/logo.png" alt="Seyed Ali Ghasemi" style="width:30px;height:30px">
       <?php bloginfo( 'name' ); ?></a></h1>
       ```
   
 * ✔I putted my social links in a container. I tried to put theme outside of `.site-
   branding` but didn’t work. And i can’t move it to left side of the menu button.
 *     ```
       <div style="float:left;width:195px">
       		<a href="http://www.linkedin.com/in/Gha3mi">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/linkedin.png" alt="LinkedIn" style="width:20px;height:20px">
       		</a> 
       		<a href="https://www.facebook.com/Gha3miCom">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/facebook.png" alt="Facebook" style="width:20px;height:20px">
       		</a> 
       		<a href="https://twitter.com/Gha3miCom">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/twitter.png" alt="Twitter" style="width:20px;height:20px">
       		</a> 
       		<a href="https://www.instagram.com/Gha3miCom">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/instagram.png" alt="Instagram" style="width:20px;height:20px">
       		</a> 
       		<a href="https://telegram.me/Gha3miCom">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/telegram.png" alt="Telegram" style="width:20px;height:20px">
       		</a> 
       		<a href="https://docs.com/Gha3mi">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/Docs.jpg" alt="Docs" style="width:20px;height:20px">
       		</a> 
       		<a href="http://gha3mi.com/feed">
       		<img src="http://gha3mi.com/wp-content/uploads/2016/08/rss.png" alt="RSS" style="width:20px;height:20px">
       		</a>
       </div>
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/boardwalk/1.0.13/screenshot.png)
 * Boardwalk
 * [Support Threads](https://wordpress.org/support/theme/boardwalk/)
 * [Active Topics](https://wordpress.org/support/theme/boardwalk/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/boardwalk/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/boardwalk/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [logo](https://wordpress.org/support/topic-tag/logo/)

 * 2 replies
 * 2 participants
 * Last reply from: [Chad Chadbourne](https://wordpress.org/support/users/shireling/)
 * Last activity: [9 years, 4 months ago](https://wordpress.org/support/topic/header-147/#post-8840408)
 * Status: not resolved