Placing a logo image and logo text at the same time

mrkat,

If you add this to your child theme you can get both logo and text.

.mobile_no{display:block;}
.mobile_no a { text-decoration: none;color:#fff;display:block!important;}

Just change the color to match your theme

Hi,

If you need logo image with text, open header.php file in theme folder.
In header.php file if else condition for showing either logo image or text please remove this condition and write code without condition.

@hiredad101

Where would I place the code in the parent theme?

@gunjan Rai kanungo

Where is the exact beginning and ending should I comment out. Sorry but my php is not up to par to understand it too well. There are multiple if else statements and I can’t seem to figure out the exact ones.

Thanks guy for your help ??

Hi,

Replace this code

<!-- #logo -->
				 <?php if(sketch_get_option($shortname.'_logo_img') == !null || sketch_get_option($shortname.'_logo_text') != null) { ?>
				 <a id="logo" href="<?php echo esc_url(home_url('/')); ?>" title="<?php bloginfo('name') ?>">
					<?php
						if(sketch_get_option($shortname.'_site_logo_type') == 'limage') {
							if(sketch_get_option($shortname.'_logo_img')){
								?>
								   <img src="<?php echo sketch_get_option($shortname.'_logo_img'); ?>" alt="<?php echo sketch_get_option($shortname."_logo_alt"); ?>" />
								<?php
							}
							}elseif(sketch_get_option($shortname.'_site_logo_type') == 'ltext') {
							if(sketch_get_option($shortname.'_logo_text')){
								?>
									<?php echo sketch_get_option($shortname.'_logo_text'); ?>
								<?php
							}
						} ?> </a><?php } else{
						?>
						<!-- #description -->
						<div class="logo_desp">
							<a id="logo" href="<?php echo esc_url(home_url('/')); ?>" title="<?php bloginfo('name') ?>" style="display:block;"><?php bloginfo('name'); ?></a>
							<div id="site-description"><?php bloginfo( 'description' ); ?></div>
						</div>
						<!-- #description -->
						<?php } ?>
				<!-- #logo -->

in header.php file from below code

<!-- #logo -->
				 <a id="logo" href="<?php echo esc_url(home_url('/')); ?>" title="<?php bloginfo('name') ?>">
					<?php
						if(sketch_get_option($shortname.'_site_logo_type') == 'limage') {
							if(sketch_get_option($shortname.'_logo_img')){
								?>
								   <img src="<?php echo sketch_get_option($shortname.'_logo_img'); ?>" alt="<?php echo sketch_get_option($shortname."_logo_alt"); ?>" />
								<?php
							}
							}elseif(sketch_get_option($shortname.'_site_logo_type') == 'ltext') {
							if(sketch_get_option($shortname.'_logo_text')){
								?>
									<?php echo sketch_get_option($shortname.'_logo_text'); ?>
								<?php
							}
						} ?> </a> 

						<!-- #description -->
						<div class="logo_desp">
							<a id="logo" href="<?php echo esc_url(home_url('/')); ?>" title="<?php bloginfo('name') ?>" style="display:block;"><?php bloginfo('name'); ?></a>
							<div id="site-description"><?php bloginfo( 'description' ); ?></div>
						</div>
						<!-- #description -->

				<!-- #logo -->

Best,
Gunjan

@mrkat just add it to the bottom of you style.css right after the } close rule set symbol.

However I would not add the code to the parent theme files because when there is an update you will lose all custom CSS.

Having said that the easiest way is to install this plugin
one-click-child-theme add the CSS to that and it will work.

Or you can use Gunjan’s PHP code. As a last resort you can also use any text editor to save your CSS and back it up and install it over and over after every update.