Search code examples
csswordpressheaderwoocommercefixed

Create fixed header in wordpress

I have a woocommerce shop setup using the retailer theme. I am trying to create a fixed header and make it so only the product area scrolls. I have everything fixed so far except for the header. I have attached a .gif for an example of the scroll.

GIF Scroll: http://i59.tinypic.com/dxnuyr.jpg [Enlarge in Tinpic to see animation]

Website: http://museiam.ca/product-category/men/

Any input is appreciated. Thanks!

Solution

  • Use this css lines 

    .container_12{margin-top: 188px;}
.menu_centered_style, .gbtr_tools_wrapper{
  position: fixed;
  width: 100%;
  z-index: 999;
}
.menu_centered_style{
  top: 62px;
}
.gbtr_tools_wrapper{
  top: 0;
}