4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

Fixing Header Image

by GlenH
3 replies
HI Guys,

I don't know if anyone can give me a solution here, but if you go to this site Copy Power Pro - Write Sales Copy Like a Pro (which is incomplete) can anyone give me a coding solution that will fix the header of the site in place, while the page of the site still scrolls.

I thought found a couple of solutions, but I can't figure out how the function can be integrated into the existing code

Glen
#fixing #header #image
  • Profile picture of the author luther88
    add this to your header image css:

    Code:
    position: fixed;
width: 100%;
left: 0;
top: 0;
    and add this to your second table that contains all of the content to move it beneath the header image:

    Code:
    margin-top: 204px;
    there you go
    {{ DiscussionBoard.errors[9159079].message }}
    • Profile picture of the author GlenH
      Originally Posted by luther88 View Post

      add this to your header image css:

      Code:
      position: fixed;
width: 100%;
left: 0;
top: 0;
      and add this to your second table that contains all of the content to move it beneath the header image:

      Code:
      margin-top: 204px;
      there you go
      Thanks luther88.

      I'm totally hopeless at code, and there's so much CSS in that page code, I can't figure out where to start :confused:
      {{ DiscussionBoard.errors[9159194].message }}
      • Profile picture of the author BrainyBiz
        Originally Posted by GlenH View Post

        Thanks luther88.

        I'm totally hopeless at code, and there's so much CSS in that page code, I can't figure out where to start :confused:
        I went ahead and made the changes to your page and attached them to this post as a zip file. Here is what you do:

        1. download the zip file and unzip it.
        2. upload index.html over the index.html that is on your server.

        Hope this helps.
        {{ DiscussionBoard.errors[9159252].message }}

Trending Topics