Header

Hi @aligha3mi!

To enable Boardwalk’s logo support, you’ll want to install and activate the Jetpack Plugin.

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 using the Custom CSS Module

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 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 7 years, 9 months ago by Chad Chadbourne.

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="https://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="https://www.linkedin.com/in/Gha3mi">
		<img src="https://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="https://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="https://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="https://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="https://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="https://gha3mi.com/wp-content/uploads/2016/08/Docs.jpg" alt="Docs" style="width:20px;height:20px">
		</a> 
		<a href="https://gha3mi.com/feed">
		<img src="https://gha3mi.com/wp-content/uploads/2016/08/rss.png" alt="RSS" style="width:20px;height:20px">
		</a>
</div>