Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jul 2009
    Posts
    78
    Thanks
    2
    Thanked 0 Times in 0 Posts

    header moves up in position some pages?

    Hi.

    I did some coding on this site for a friend of mine and she wanted the header logo to look like it was "coming out of the top of the screen".

    http://www.dotcomme.net

    I pushed the entire page up using the position:relative tag 53px from the bottom.

    On the home page it is in the exact position but on other pages such as
    http://www.dotcomme.net/shop/category/mens-shirts/

    the page position pushes up even higher.

    How can I get it all to say the same position as the home page?

    I am not the only person who has worked on this site so I don't know if I caused the problem or someone else. I'm just a friend who she calls for quick help sometimes, I'm not very good at coding but I try to help.

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    You're using a WP theme. On basically every WP theme that I have worked on, the home page uses an h1 tag for the site title. On other pages, it uses another tag and reserves the h1 tag for the post/page title. The h1 tag has margins around it, which is pushing your content down for the home page.

    So...add this to your stylesheet:

    Code:
    #site-title{margin:0;}
    Then, you probably have to change your body's bottom position to 37px or so.
    My signature :)


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •