Title: Tweaking header.php
Last modified: August 31, 2016

---

# Tweaking header.php

 *  [PickleEater](https://wordpress.org/support/users/pickleeater/)
 * (@pickleeater)
 * [10 years ago](https://wordpress.org/support/topic/tweaking-headerphp/)
 * Please can someone give me a quick fix for this, as I have a bit of a deadline.
 * Here’s the page link and the page details the issue: –
 * [http://lvefoundation.org.uk/header-issue/](http://lvefoundation.org.uk/header-issue/)
 * Here’s the header.php code that I need to fix – I’m guessing I may also need 
   to add some CSS: –
 * <?php
    /** * The Header template for our theme * * Displays all of the <head>
   section and everything up till <div id=”main”> * * [@package](https://wordpress.org/support/users/package/)
   WordPress * @subpackage Twenty_Twelve * [@since](https://wordpress.org/support/users/since/)
   Twenty Twelve 1.0 */ ?><!DOCTYPE html> <!–[if IE 7]> <html class=”ie ie7″ <?php
   language_attributes(); ?>> <![endif]–> <!–[if IE 8]> <html class=”ie ie8″ <?php
   language_attributes(); ?>> <![endif]–> <!–[if !(IE 7) & !(IE 8)]><!–> <html <?
   php language_attributes(); ?>> <!–<![endif]–> <head> <meta charset=”<?php bloginfo(‘
   charset’ ); ?>” /> <meta name=”viewport” content=”width=device-width” /> <title
   ><?php wp_title( ‘|’, true, ‘right’ ); ?></title> <link rel=”profile” href=”[http://gmpg.org/xfn/11&#8243](http://gmpg.org/xfn/11&#8243);/
   > <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” /> <?php //
   Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions.?
   > <!–[if lt IE 9]> <script src=”<?php echo get_template_directory_uri(); ?>/js/
   html5.js” type=”text/javascript”></script> <![endif]–> <?php wp_head(); ?> </
   head>
 * <body <?php body_class(); ?>>
    <div id=”page” class=”hfeed site”> <header id=”
   masthead” class=”site-header” role=”banner”> <hgroup> <img src=”[http://lvefoundation.org.uk/wp-content/uploads/2016/06/cropped-Logo-No-Text.png&#8221](http://lvefoundation.org.uk/wp-content/uploads/2016/06/cropped-Logo-No-Text.png&#8221);
   height=”250″></br> the</br> lve</br> foundation</br>
 *  <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </hgroup
   >
 *  <?php if ( get_header_image() ) : ?>
    “><img src=”<?php header_image(); ?>” 
   class=”header-image” width=”<?php echo esc_attr( get_custom_header()->width );?
   >” height=”<?php echo esc_attr( get_custom_header()->height ); ?>” alt=”<?php
   echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” />
   
    <?php endif; ?> 
   </header><!– #masthead –>
 *  <div id=”main” class=”wrapper”>

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [10 years ago](https://wordpress.org/support/topic/tweaking-headerphp/#post-7456705)
 * please read [http://codex.wordpress.org/Forum_Welcome#Posting_Code](http://codex.wordpress.org/Forum_Welcome#Posting_Code)
   and then re-post your code accordingly…
 * is it about the formatting if the tag line?
 *  [jjerro](https://wordpress.org/support/users/jjerro/)
 * (@jjerro)
 * [10 years ago](https://wordpress.org/support/topic/tweaking-headerphp/#post-7456715)
 * maybe you could consider to use twitter bootstrap css and use grid property to
   take care of it.. i’m not an expert but you could try it.
    “twitter bootstrap
   cdn Link
   
    your code:
 *     ```
       <hgroup>
       <img src="http://lvefoundation.org.uk/wp-content/uploads/2016/06/cropped-Logo-No-Text.png" height="250"></br>
       the</br>
       lve</br>
       foundation</br>
   
       <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
       </hgroup>
       ```
   
 * add this to your header:
    `<link href="https://cdnjs.cloudflare.com/ajax/libs/
   twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css" rel="stylesheet">`
 * change header `hgroup` to:
 *     ```
       <hgroup class="col-sm-12">
       <div class="col-sm-2">
       <img src="http://lvefoundation.org.uk/wp-content/uploads/2016/06/cropped-Logo-No-Text.png" height="250"></br>
       the</br>
       lve</br>
       foundation</br>
       </div>
       <h2 class="site-description col-sm-6"><?php bloginfo( 'description' ); ?></h2>
       </hgroup>
       ```
   
 * but, i’m not sure this is good enough, since you have to make some change to 
   alter the position like padding-top. read more about bootstrap-grid [here ](https://getbootstrap.com/examples/grid/)

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

The topic ‘Tweaking header.php’ is closed to new replies.

 * 2 replies
 * 3 participants
 * Last reply from: [jjerro](https://wordpress.org/support/users/jjerro/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/tweaking-headerphp/#post-7456715)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
