How to Get fixed searchbar

[MAYUR DUBEY]

Hi, Here is the link of testpage, I want the searchbar fixed on the top, when visitor scrolls down.

 

http://mpkart.com/store/

 

Please help

 

[shacker]

edit the global.css of yout theme; and change:

 

#columns {

1. z-index: 1;
2. margin-top: 148px;

}

 

 

.mode_header {

1. background: url(http://mpkart.com/store/themes/electronues/css/../img/bg/container-header.png) #003def center bottom;
2. position: fixed;
3. width: 100%;
4. z-index: 1000;

}

 

 

This put the header fized to see always. and scroll the rest of the page

[MAYUR DUBEY]

 

edit the global.css of yout theme; and change:

 

#columns {

1. z-index: 1;
2. margin-top: 148px;

}

 

 

.mode_header {

1. background: url(http://mpkart.com/store/themes/electronues/css/../img/bg/container-header.png) #003def center bottom;
2. position: fixed;
3. width: 100%;
4. z-index: 1000;

}

 

 

This put the header fized to see always. and scroll the rest of the page

 

Hi, Thanks for your effort, this helped me partially, What I wish is that During scroll down, the search bar goes on top and, any thing above search bar is hidden. For an example I am giving link of another presta store. http://kiranaoli.com/

[shacker]

ok, check this site

 

http://getbootstrap.com/components/#navbar

 

you can put the searchbar into the navv var, and make it float (its ps 1.6 right?)

[MAYUR DUBEY]

ok, check this site

 

http://getbootstrap.com/components/#navbar

 

you can put the searchbar into the navv var, and make it float (its ps 1.6 right?)

Hi, Thanks for this info, I will like to this solution, I would request if you can guide me on step by step process of applying it. Considering me a NOOB. This will help many of merchants like me who have very little tech knowledge and wish to create a great E-Com Store. 

[shacker]

we make a module for that soon