Fixed header logo

8bitash / 2012-09-04 11:05:54   

Hi, I've read a few threads related to this but can't find an idiots answer. Please bare with me as my skills are basic-

I want either a text logo placed across the top of my site or even better vertically down the left hand side to the left of the index.
Can anyone help me out with what I need to do.

Thanks in advance.

arsondpi / 2012-09-04 12:49:09   

Hello....

Here's a way for a vertical logo on the left of your index...
Let's say that you've wrapped your logo in an h1 tag (as it's recommended) and inserted it in the pre-nav area.

  1. <h1><img src="img_url_here" alt="logo"/></h1>

then add the following:

  1. h1 {
  2.     height: 100%;
  3.     width: 50px;
  4.     left: 0;
  5.     position: fixed;
  6.     top: 0;
  7.  }
  8. #index ul {
  9.     margin-left: 50px;
  10. }

Note that the width of your h1 and the margin-left of the #index ul are the same. Change them accordingly to get the desired position etc. You obviously need to add/adjust things with css to get what you want but that's a general guide of doing what you want.

marianatuma / 2012-09-11 20:27:37   

Hi arsondpi

This worked for me, but the exhibits are on top of the banner image, instead of being bumped below. Is there something I should be changing in the base.css to the #exhibit?

thanks for the help!

arsondpi / 2012-09-11 20:40:14   

The customisation above had to do with the "vertical logo next to index and exhibit" solution...
To do this in the horizontal version then you need to move things around... And I mean margins and widths... Try it out and see how far you can go - post your results here...
:-)

This thread has been closed, thank you.