fixed position header?!?! (5 posts)

  1. amaeria
    Posted 5 years ago #

    hey hey hey
    totally new to everything with css and wordpress and all but after a week of reading and studing forums here i am still stuck!
    how to make this a menubar like this,

    i want it excatly the same, fixed at the top of the site always!

    please please help someone would be so appreciated!

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Just create a standard menu in an unordered list and then either set each list item to display:inline; or float:left; using CSS.

  3. alchymyth
    Forum Moderator
    Posted 5 years ago #

    create in your header.php:

    <div id="header">
    html code and/or php for menu

    follow esmi on how to create the menu;
    then in the syle.css:
    #header { position:fixed; top:0px; left:0px; z-index:100; }

  4. amaeria
    Posted 5 years ago #

    seems like it is working very fine now!
    thank you!

    is there an extra coding to also make it work in IE?
    is it the same code to also add the sidebar up there?

  5. amaeria
    Posted 5 years ago #

    hm, actually seems like i do not manage to get the different widgets to be next to each other...
    have tried float:left or display:inline
    inside the css for the .sidebar but doesnt work....
    is this where it should be added or does the display:inline go somewhere else?

Topic Closed

This topic has been closed to new replies.

About this Topic