How to make your header navigation menu fixed to the top when you scroll.

  • I want my navigation menu alone, fixed to the top of my page when you scroll down. Not the header image. I would really appreciate any help. I’m new to web design, but im learning.

    TheEargazm.com [Mod edit: nsfw due to profanity]

    I can post any of my css.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator cubecolour

    (@numeeja)

    In your theme’s stylesheet, find the #head section & add these two lines:

    position: fixed;
width:100%;
    Thread Starter BentleyDeVilling

    (@bentleydevilling)

    That didn’t change anything.. Let me clarify, I want the menu below my header image to be fixed to the top when you scroll down. I have infinite scroll so it would help navigation when several pages down.

    Moderator cubecolour

    (@numeeja)

    If it didn’t change anything, you added it incorrectly. If it changed the wrong thing, you explained it incorrectly.

    Thread Starter BentleyDeVilling

    (@bentleydevilling)

    I’m not sure how else to explain it. Look at my website TheEargazm.com . There is a top menu above the header image, then the header image, then below that is the menu i want in a fixed position at the top.

    The information you provided would make the entire header, Logo and both menus fixed). I really appreciate your help. Just trying to figure this out.

    Hey buddy. Thanks you helped me too, I wanted to do this on mine.

    cubecolour is spot on though. I just checked your site for you, I have the following for your CCS #Head section

    #head {
    margin-left: 453.5px;
    overflow: hidden;
    padding: 0;
    position: fixed;

    It tells me that code is on line 62 of your CCS Style file. Try changing your ‘#head’ to that and you should be sorted.

    simkamsan

    (@simkamsan)

    Anybody can help me how can i fix my top banner & top menu?

    Please send me css code to fixed my website is https://www.my280slpagoda.com

    Best Regards,

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to make your header navigation menu fixed to the top when you scroll.’ is closed to new replies.