WordPress.org

Forums

How to make your header navigation menu fixed to the top when you scroll. (7 posts)

  1. BentleyDeVilling
    Member
    Posted 3 years ago #

    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.

  2. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 3 years ago #

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

    position: fixed;
    width:100%;
  3. BentleyDeVilling
    Member
    Posted 3 years ago #

    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.

  4. cubecolour
    ɹoʇɐɹǝpoɯ
    Posted 3 years ago #

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

  5. BentleyDeVilling
    Member
    Posted 3 years ago #

    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.

  6. designbyrobpearce
    Member
    Posted 3 years ago #

    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.

  7. simkamsan
    Member
    Posted 2 years ago #

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

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

    Best Regards,

Topic Closed

This topic has been closed to new replies.

About this Topic