Title: Editing Theme Header
Last modified: August 19, 2016

---

# Editing Theme Header

 *  Resolved [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/)
 * Hi there,
    I’m using the [motion theme](http://wordpress.org/extend/themes/motion)
   on my [music blog.](http://djsilkworm.com). While I’m very happy with the theme,
   the one thing that annoys me is that I want to remove the [Home] [Contact] [RSS
   Feed] buttons at the top. I can do this myself by editing [my header.php file](http://pastebay.com/108016)–
   by leaving <div id=”topmenu”> with nothing in it.
 * This leaves an ugly gap at the top, where ideally I would have my blog name/logo.
   But if completely remove <div id=”topmenu”>, my design breaks and everything 
   moves really far to the left.
 * Any help would be much appreciated.

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

 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735377)
 * removing the **whole **div #topmenu does not break the design;
 *     ```
       <div id="topmenu">
                       <ul>
                               <?php if ( !motion_hide_homelink() ) : ?><li class="page_item<?php echo ( is_home() || is_front_page() ? ' current_page_item' : '' ); ?>"><a href="<?php echo get_option( 'home' ); ?>/">Home</a></li><?php endif; ?>
                               <?php wp_list_pages( 'depth=1&title_li=0&sort_column=menu_order' ); ?>
                               <li><a class="rss" href="<?php bloginfo( 'rss2_url' ); ?>">RSS</a></li>
                       </ul>
               </div>
       ```
   
 * however, you still have the search block there, keeping the logo and title down.
 * adding something like the following to style.css might help there:
    `#top {float:
   right;}`
 * or, if you don’t mind that uneccessary bits are loaded to the browser, you could
   do the whole thing with css:
 *     ```
       #top {float:right;}
       #topmenu { display: none; }
       ```
   
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735416)
 * Hi,
    Thanks for the response. By following your instructions, I end up with my
   site looking like [this](http://i53.tinypic.com/2uhvc6w.png).
 * What I’m going for is to actually move the title up, to get the top of my site
   looking like [this](http://oi51.tinypic.com/3c3ld.jpg).
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735417)
 * i can see, you put the code back in – is that you giving up?
 * the last adjustment would be some changes to style.css:
 * additional to the suggested changes, change the top margin of this style from
   35px to 0px:
 *     ```
       #header #logo {
       	float: left;
       	width: 480px;
       	margin: 35px 0 10px 0;
       }
       ```
   
 * [http://www.w3schools.com/css/](http://www.w3schools.com/css/)
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735420)
 * Hi,
    Thanks for the speedy response. Even through reducing the top margin to 
   zero, the top of the logo is parallel with the bottom of the searchbox, it’d 
   be ideal if it could be parallel with the top, and then I would also bring up
   the main body of the site.
 * I’ve left the changes live this time so you can see 😛
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735422)
 * a. you forgot to add `#top{float:right;}` as i suggested earlier;
 * b. you can use a negative top margin in `#header #logo` to pull the title further
   up.
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735423)
 * The #top{float:right;} is at the bottom of my stylesheet, unless it needs to 
   be somewhere else?
 * And the negative margin has an [unintended side-affect](http://i51.tinypic.com/24zyv41.png)
   which I don’t think I should leave on my site…
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735424)
 * I suppose I could attempt to rewrite the header from scratch with only a left
   floating logo and right floating searchbox?
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735425)
 * i see it now, but is is not applied, because the `/Silky Header`
    blocks any 
   further styles to be aplied.
 *     ```
       /Silky Header
       #top {float:right;}
       #topmenu { display: none; }
       ```
   
 * comment it like this:
 *     ```
       /*Silky Header*/
       #top {float:right;}
       #topmenu { display: none; }
       ```
   
 * that should work – no need for negative top margin.
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735427)
 * My bad, guess you learn something about CSS every day.
    However, even with the
   updated comment formatting, the logo still appears under the search bar.
 * What I did do is change my header.php to [this](http://pastebin.com/TgmcPLc7),
   it’s live on my site right now. If it were possible to move the search box further
   to the right (right aligned at 980px to be precise), and maybe make it a bit 
   smaller, that would also be a viable way of doing it.
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735429)
 * as the div #search is now moved from the div #top, where it was previous, into
   the div#header, you need to adjust the styles:
 *     ```
       #top #search {
       	float: right;
       	width: 300px;
       	text-align: right;
       }
       #top #searchform input {
       	padding: 3px;
       }
       #top #searchbox {
       	width: 180px;
       	color: #555;
       	font-size: .75em;
       	border: 1px solid #ddd;
       	background: #eee;
       }
       #top #searchbox:hover {
       	background: #fff;
       }
       #top .submitbutton {
       	cursor: pointer;
       	background: url(images/blacktrans.png);
       	color: #fff;
       	font-size: 0.8em;
       	padding: .08em;
       	vertical-align: top;
       }
       #top .submitbutton:hover {
       	background: url(images/whitetrans.png);
       }
       ```
   
 * replace the word `#top` with the word `#haeder` in the above styles.
 * > every improvement is a change – but not every change is an improvement.
   >  _inaugural
   > toast of a lecturer at the university_
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735433)
 * Thank you very much!
    My website is now working just as I want it, and I have
   more CSS knowledge than I had when I posted this. I’ll link to your site on my
   next post as a thank you (not that many people read my blog yet, but it’s the
   thought that counts :P)?
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735437)
 * you are welcome,
 * i suggest that you link to this forum as a way to help others to find some assistance
   with their wordpress associated problems as well.
 *  Thread Starter [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * (@hoget10)
 * [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735438)
 * Will do.

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

The topic ‘Editing Theme Header’ is closed to new replies.

## Tags

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

 * 13 replies
 * 2 participants
 * Last reply from: [Caleb Withers](https://wordpress.org/support/users/hoget10/)
 * Last activity: [15 years, 7 months ago](https://wordpress.org/support/topic/editing-theme-header/#post-1735438)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics