how to make login bar with search box movable with page?

Question

how to make this bar movable so that it will remain at same position while scrolling the page.

Answer 1

use position fixed or absolute

first you need to add relative position to your html,body

html,body{

position: relative

}

#qa-login-bar{

position:absolute /* you can use fixed as well*/

top:0;

left:0;

right:0;

z-index:999 /* to keep it on the top of all html elements */

}

.qa-body-wrapper{

padding-top:30px /* if you found your header going below top bar than increase padding */

}