• Resolved chriskol

    (@chriskol)


    Hello,

    I have fixed my header and now my content is under my header. Can anyone help?

    This is the website.

    Regards Chris

Viewing 12 replies - 1 through 12 (of 12 total)
  • The link takes me to another forum topic not your website!

    Thread Starter chriskol

    (@chriskol)

    Hi,

    you were fast:) fixed it.

    Chris

    Thread Starter chriskol

    (@chriskol)

    Dear all,

    The ”fixed it” which I wrote in the post above does not relate to fixing the problem, it relates to fixing the link to my website. I thus did not yet fix my problem.
    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Sorry for more confusing terminology, but there is “fixed” positioning on the header. Is this intentional?

    Thread Starter chriskol

    (@chriskol)

    Hi Andrew,
    No it is not, and as I see it now this is also confusing yes.
    To explain: The problem started when I made my header static (ie fixed the position of the header). When I made my header static my content disappeared under my header.
    Get’s indeed confusing with so much fixing.
    Thanks.

    Thread Starter chriskol

    (@chriskol)

    Hi Andrew,

    I probably misunderstood your question.
    Yes I fixed my header intentionally.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    When you scroll down your content will be under your header, even if you resolve the problem you have now. Are you aware of this?

    I don’t get it,why the fixed header?
    Remove position: fixed; from .site-header and all looks just fine.

    Thread Starter chriskol

    (@chriskol)

    Hi Andrew and Media X,

    I like the fixed header as it allows people always to click on the upload your audio/text file (and thus make a purchase).

    Chris

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could add this CSS:

    #page {
     position: relative;
     top: 40px;
    }

    But I can’t see how you can have a fixed header and avoid the content from appearing underneath it.

    Okay. Try increasing the margin on #main to 7em (now is 3em)

    #main {
    margin: 7em auto;
    }

    Thread Starter chriskol

    (@chriskol)

    Hi Andrew,

    Thanks, that worked. I understand that my content will be under the header when scrolling down, but without your fix the top part of the content was already under the header without scrolling.
    Media X, your fix made my entire content (including header) go down.

    Thanks again, I really appreciate both your effort and time.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Fixed header is over my content’ is closed to new replies.