Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #184865

    Hi there,

    I am just working on my website and I would like to have the same header effect like at this page:

    http://www.teamgeek.co.za/#company

    The Website I build is just a one-page-site with anchors to navigate to a certain point. I would like to have a full-screen image (with no header) on the first part of the page. The header menu is located at the bottom of the picture and is being scrolled up until it reaches the top of the site. There it stays fixed when I scroll through the rest of the site – until I scroll up to the first image again. I already managed to change the position of the header, but I don’t know how to proceed with the rest. I can’t send you a link of my site as it is still local.

    Thank you guys,

    Cheers
    Peter

    #185344

    Hey Peter!

    Can you post a link of what have you done so far?

    Best regards,
    Josue

    #185423
    This reply has been marked as private.
    #185472

    Hi Peter!

    You’ll need to know some JavaScript too, in order to implement what you want, please take a look: http://stackoverflow.com/questions/4121180/scroll-position-in-html-document-how-to-determine

    If this is too technical, you may need to hire a freelancer for the job.

    Cheers!
    Josue

    #185712

    Hi Josue, thank you very much – that helps a lot.

    I have one little last question. At your support page, the text “Kriesi.at – Premium themes” next to the logo disappears when you scroll down and the logo shrinks. How do you do that?

    Cheers!

    Peter

    #185713

    Hey!

    Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
    I would sugest you to check Blog page time to time

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold – Scroll header menu until certain point and fix it then’ is closed to new replies.