WordPress.org

1. alikamran
   Member
   Posted 7 months ago #

   How can I fix the header (navigation bar, ...) which if I scroll down the page, it stays at the top of page

2. zoonini
   help me help you
   Posted 7 months ago #

   Please provide a link to the site in question.

3. alikamran
   Member
   Posted 7 months ago #

   http://www.asl19.org

4. zoonini
   help me help you
   Posted 7 months ago #

   I get SSL warnings when trying to open that.

5. alikamran
   Member
   Posted 7 months ago #

   https://asl19.org/

6. zoonini
   help me help you
   Posted 7 months ago #

   Check out these resources:

   http://www.innovativephp.com/blog/2011/07/04/fixed-positioning-html-elements-with-css-and-jquery/

   http://www.raphaelhaefeli.com/css/css-fixed-menu-pinned-down

   http://wordpress.org/extend/plugins/fixed-menu/ &
   http://wordpress.org/extend/plugins/fixed-menu/installation/
   (would need to test these in 3.2)

7. alikamran
   Member
   Posted 6 months ago #

   Thanks for your help and sorry for my late response
   But I still can't fix it
   as soon as I change the relative to fix, the header disappear and just the navigation stays.
   this is my Header_container at my CSS

   */

   #header-container { position: relative;
   background: url(images/header-bg-1.jpg) top center repeat-x #272625;
   color: #FFF;
   border-bottom:3px solid #2f2d2b;}
   #logo {}
   #site-logo { text-align: center; }
   #site-logo img { max-width: none; }
   #site-description {
   margin-top: 0px;
   text-align: left;
   font-size: 11px;
   line-height:18px;
   font-style:italic;}
   .header {
   padding:0px 0;}
   .header-1 {position:relative;}
   .header-1 #site-description {
   text-align:center;}
   .header-2 {position:relative;}
   .header-2 #navigation-container {
   position:absolute;
   bottom:0px;
   right:0;
   text-align:right;}
   .header-3 {padding:0px 0;}
   .top-sidebar-area {text-align: right;}
   .top-sidebar-area div {float: right;}

Reply

You must log in to post.