Fixed bar on top of page!

[editorstefan]

Hello!

 

I want to create a fixed bar on top of my store where i will have cart and search.

example: http://www.furniturebox.se/ http://nelly.com/ https://stayhard.se/ etc..

 

How can i create this in best way? My website: mobilprylar

 

The cart, search, menu are all modules hooked into the TOP as modules.

 

How should i make that only the cart and search will be fixed and the menu not?

 

 

I have so far created this:

<div class="header-bar" id="t-header" style="position:fixed;z-index:9999;background-color:#F5F5F5;width:100%;top:0px;left:0px;min-height:40px;">
            
{$HOOK_TOP}
        
</div>

Please help!

 

[dioniz]

Why do you have two search boxes and carts?

 

All you need to do is to set position:fixed and set top and left in css file

[NemoPS]

I second dioniz, try setting

.sf-menu {
position: fixed;
padding: 0;
width: 100%;
top: 0;
left: 0;
border-bottom: 3px solid #e9e9e9;
background: #f6f6f6;
}

In superfish-modified.css, line 13 (the one in the theme's folder!)