Title: Formatting header
Last modified: August 31, 2016

---

# Formatting header

 *  Resolved [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/)
 * Hi all
 * I have managed to split my phone number over two lines using the echo str_replace(‘
   ^’,’
    ‘ command.
 * However, if you notice, the phone numbers now don’t line up, since the first 
   line has a phone icon before the number, but the second doesn’t.
 * How can I make them line up?
 * My site is [http://www.entdocatiya.co.za](http://www.entdocatiya.co.za)
 * Thank ou

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

 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060261)
 * Try this custom css:
 *     ```
       .icon-left-top.bgnone
       {text-align: left !important}
       .fa-phone
       {float:left; height:50px; padding-top:12px}
       ```
   
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060270)
 * Thanks. That did it!!!! Can I give you a bump or something?
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060271)
 * Can you maybe healp me with adding a logo to the right of my Name and Qualifications?
 * The theme has a facility for this, but it’s commented out, and I haven’t been
   able to hard code it!
 * This is the code for header.php (I’ve made a few edits aleeady)
 * <?php
    /** * The Header for our theme. * * Displays all of the <head> section
   and everything up till <div class=”container”> * * [@package](https://wordpress.org/support/users/package/)
   SKT Spiritedlite */ ?> <!DOCTYPE html> <html <?php language_attributes(); ?>>
   <head> <meta charset=”<?php bloginfo( ‘charset’ ); ?>”> <meta name=”viewport”
   content=”width=device-width, initial-scale=1″> <link rel=”profile” href=”[http://gmpg.org/xfn/11″&gt](http://gmpg.org/xfn/11″&gt);
   <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”> <?php wp_head();?
   > </head>
 * <body <?php body_class(); ?>>
    <div class=”header”> <div class=”signin_wrap”>
   <div class=”topfirstbar”> <div class=”topbarleft”> <div class=”icon-left-top”
   > <?php if( ” !== get_theme_mod(‘contact_mail’)){?> “><i class=”fa fa-envelope
   fa-1x”></i><?php echo esc_attr(get_theme_mod(‘contact_mail’,’info@sitename.com’));?
   > <?php } ?> </div> <div class=”icon-left-top bgnone”> <?php if( ” !== get_theme_mod(‘
   contact_no’)){ ?> <i class=”fa fa-phone fa-1x”></i><?php echo str_replace (‘^’,’‘,
   get_theme_mod(‘contact_no’, ‘+1 800 234 568’)); ?> <?php } ?> </div> </div> <
   div class=”topbarright”> <div class=”top-phonearea”> <div class=”social-top”>
   <div class=”social-icons”> <?php if ( ” !== get_theme_mod( ‘fb_link’ ) ) { ?>“
   > <?php } ?> <?php if ( ” !== get_theme_mod( ‘twitt_link’ ) ) { ?> “> <?php }?
   > <!– <?php if ( ” !== get_theme_mod(‘gplus_link’) ) { ?> “> <?php }?> <?php 
   if ( ” !== get_theme_mod(‘linked_link’) ) { ?> “> <?php } ?> –> </div> </div>
   </div> </div> <div class=”clear”></div> </div> </div> <!–end signin_wrap–> <div
   class=”header-inner”> <div class=”logo”> “> <h1> <?php bloginfo(‘name’); ?> </
   h1> <span class=”tagline”> <?php echo str_replace(‘^’,’‘,get_bloginfo(‘description’));?
   > </span>  </div> <!– logo –> <div class=”toggle”> [ <?php esc_attr_e(‘Menu’,’
   spirited-lite’); ?>  </div> <!– toggle –> <div class=”nav”> <?php wp_nav_menu(
   array(‘theme_location’ => ‘primary’)); ?> </div> <!– nav –> <div class=”clear”
   ></div> </div> <!– header-inner –> </div><!– header –>
 * <?php if ( is_front_page() && ! is_home() ) { ?>
    <section id=”home_slider”> 
   <?php $sldimages = ”; $sldimages = array( ‘1’ => get_template_directory_uri().’/
   images/slides/slider1.jpg’, ‘2’ => get_template_directory_uri().’/images/slides/
   slider2.jpg’, ‘3’ => get_template_directory_uri().’/images/slides/slider1.jpg’,);?
   > <?php $slAr = array(); $m = 0; for ($i=1; $i<4; $i++) { if ( get_theme_mod(‘
   slide_image’.$i, $sldimages[$i]) != “” ) { $imgSrc = get_theme_mod(‘slide_image’.
   $i, $sldimages[$i]); $imgTitle = get_theme_mod(‘slide_title’.$i); $imgDesc = 
   get_theme_mod(‘slide_desc’.$i); $imgLink = get_theme_mod(‘slide_link’.$i); if(
   strlen($imgSrc) > 2 ) { $slAr[$m][‘image_src’] = get_theme_mod(‘slide_image’.
   $i, $sldimages[$i]); $slAr[$m][‘image_title’] = get_theme_mod(‘slide_title’.$
   i); $slAr[$m][‘image_desc’] = get_theme_mod(‘slide_desc’.$i); $slAr[$m][‘image_link’]
   = get_theme_mod(‘slide_link’.$i); $m++; } } } $slideno = array(); if( $slAr >
   0 ){ $n = 0;?> <div class=”slider-wrapper theme-default”> <div id=”slider” class
   =”nivoSlider”> <?php foreach( $slAr as $sv ){ $n++; ?> <img src=”<?php echo esc_url(
   $sv[‘image_src’]); ?>” alt=”<?php echo esc_attr($sv[‘image_title’]);?>” title
   =”<?php echo esc_attr(‘#slidecaption’.$n) ; ?>” /> <?php $slideno[] = $n; } ?
   > </div> <?php foreach( $slideno as $sln ){ ?> <div id=”slidecaption<?php echo
   esc_attr($sln); ?>” class=”nivo-html-caption”> <div class=”slide_info”> <h2><?
   php echo esc_attr(get_theme_mod(‘slide_title’.$sln, __(‘Welcome To Our Website’,’
   spirited-lite’))); ?></h2> <p> <?php echo esc_attr(get_theme_mod(‘slide_desc’.
   $sln, __(‘Quisque blandit dolor risus, sed dapibus dui facilisis sed. Donec eu
   porta elit. Aliquam porta sollicitudin ante, acntum orci mattis et. Phasellus
   ac nibh eleifend, sagittis purus nec, elementum massa. Quisque tincidunt sapien
   a sem porttitor, id convallis dolor’,’spirited-lite’))); ?> </p> <!– “> <?php
   esc_attr_e(‘Read More’, ‘spirited-lite’); ?>  </div> –> </div> <?php } ?> </div
   > <div class=”clear”></div> <?php } ?> </section> <div class=”clear”></div> <?
   php } ?>
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060280)
 * The icon would go in round about line 68 in the original header.php, but its 
   not practical to recode header.php via a forum answer.
 * Its not a good idea to change header.php because edits will be overwritten by
   theme updates. You won’t want a theme that you can’t update without a redoing
   the work.
 * Consider looking at the Pro version which does have the logo option. Its not 
   clear to me from the demo where the logo will appear, so best to ask the vendor
   before purchase.
    [http://sktthemesdemo.net/skt-corporate/](http://sktthemesdemo.net/skt-corporate/)
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060287)
 * Thanks again. I’ve been editing a child theme, so no worries about losing customizations.
 * I’ve run into another issue, since editing the header contacts, the footer contact
   has changed its format. It rode up into the address, which I fixed easily with
   a 
    command in the footer, but the number is too far right justified now.
 * Any ideas?
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060290)
 *     ```
       #footer-wrapper div div:nth-child(6) span {padding-left:21px}
       ```
   
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060291)
 * Hey thanks so much! Really appreciate it!
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060299)
 * Hi Lorro
 * Another query: How would I make those phone numbers clickable on a mobile phone?
   So if a user taps it, it must open his phone to allow him to dial?
 *  [Peter Lawrenson](https://wordpress.org/support/users/lorro/)
 * (@lorro)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060301)
 * You would need something like this:
    [Click here to call 0123-456-789](https://wordpress.org/support/topic/formatting-header/0123456789?output_format=md)
 * It won’t be possible to do this with css, it will be necessary to code it into
   header.php.
 *  Thread Starter [yatiya](https://wordpress.org/support/users/yatiya/)
 * (@yatiya)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060302)
 * Yeah, I thought as much. Thanks!
    Any thoughts on this? [https://wordpress.org/support/topic/blog-page-posts-link?replies=6](https://wordpress.org/support/topic/blog-page-posts-link?replies=6)

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

The topic ‘Formatting header’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 10 replies
 * 2 participants
 * Last reply from: [yatiya](https://wordpress.org/support/users/yatiya/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/formatting-header/#post-7060302)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
