Forums

Header images are "off" (7 posts)

  1. explainthefee
    Member
    Posted 1 year ago #

    URL: explainthefee.com

    Issue:
    The top header images are off, and I can't tell how.

    It should appear to look smooth like this: http://www.lightword-theme.net/lightword-theme-v-1-9-9

    Theme: lightword

  2. dkristine
    Member
    Posted 1 year ago #

    In your style.css line 57, try changing

    ul#front_menu {
    float:left;
    position:relative;
    text-transform:uppercase;
    top:-4px;
    }

    to

    ul#front_menu {
    float:left;
    position:relative;
    text-transform:uppercase;
    top:-5px;
    }
  3. explainthefee
    Member
    Posted 1 year ago #

    I changed this:

    ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-4px;}

    to this:

    ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-5px;}

    and it still looks wrong, any ideas?

  4. dkristine
    Member
    Posted 1 year ago #

    Yeah, I just had a look at it in IE. It looks fine in FF, but IE... not so much. I personally think IE needs to die a slow, painful death ;) Although it's difficult to tell when I can't make any changes to the CSS in IE, I will have another look

  5. dkristine
    Member
    Posted 1 year ago #

    Okay, the position: relative does not need to be on the UL.

    See if this works:

    ul#front_menu {
    float:left;
    position:absolute;
    text-transform:uppercase;
    top:68px;

    And add
    position: relative;
    to your #header div after the height on 38 of your stylesheet.

  6. explainthefee
    Member
    Posted 1 year ago #

    Actually, it looks like your original instructions fixed it!! Thank you so much.

    Any idea why I can't "click" my banner at the top to return home? It appears only have of it is clickable.

  7. dkristine
    Member
    Posted 1 year ago #

    It is because of the header div height. You could add

    #top {
    height: 165px;
    }

    to your stylesheet and the whole image will be clickable, but it will also push your main content down by about 50px. Your theme wasn't built with having a large header in mind.

    If you need it to be clickable and conserve the styling, I recommend you consult a developer to change it for you.

    PS the nav still looks buggered in IE7.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags