Support » Fixing WordPress » 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. [Mod edit: nsfw due to profanity]

    I can post any of my css.

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


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

    position: fixed;

    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


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

    I’m not sure how else to explain it. Look at my website . 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.

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

    Please send me css code to fixed my website is

    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.