adding logo along side site title

  • .site-title a {
	background: url( "https://www.pmtuoor.in/wp-content/uploads/2015/11/wpid-logo.png" );
	 width: 150px; height: 150px; display: block; background-size: cover;
	text-indent: 105%; white-space: nowrap;  overflow: hidden;
}
@media screen and (min-width: 620px) { .site-title a { margin-bottom: 25px; } }
@media screen and (min-width: 1401px) { .site-title a { width: 250px; height: 250px; } }

    Hey i want add logo for this i used the above code but replaces the tittle too. How to add title along with logo.

Viewing 1 replies (of 1 total)

  • I think the more reliable way to achieve your objective is by inserting a logo image to header.php file through a child theme.

    Read this information about child theming.

    If you don’t have a child theme yet, install and activate this https://github.com/kharissulistiyo/childtheme/archive/master.zip

    Then copy header.php file from parent theme to child theme. So, you should have childtheme/header.php. Edit this header.php file, then find the following line of code. 

    <header id="masthead" class="site-header" role="banner">
   <div class="site-branding">

    Insert your image right after the site-branding DIV opening tag.

    So, you should have like the following. 

    <header id="masthead" class="site-header" role="banner">
  <div class="site-branding">
     <img src="https://www.pmtuoor.in/wp-content/uploads/2015/11/wpid-logo.png" alt="<?php echo esc_attr(get_bloginfo( 'name' )); ?>" />

    I hope this reply helps.

Viewing 1 replies (of 1 total)
  • The topic ‘adding logo along side site title’ is closed to new replies.