Header overlapping body content version 1.6.0.14 Default-bootstrap theme

[cnpark70]

I changed the header position from relative to fixed in global.css.

Now the header section including nav, horizontal menu, logo, carts, sign is fixed in position as intended.

Here is the issue I am having. The fixed header is overlapping body. In other words, the bottom of header is covering little bit of top portion of body content.

How could I put more space between header and body so they don't overlap each other.

 

Thank you in advance for your help

http://www.kocamoca.com/en/skincare/10-test-skin-lotion.html

[razaro]

Try this, in global.css line 5481 change top padding 

#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 110px;
}

P.S. And please do not double post and post all your question in Installing Prestashop sub-forum.

Edited May 28, 2015 by razaro (see edit history)

[cnpark70]

Thank you so much. It worked out well.

 

If I may ask another, I was wondering if there is any coding in css to align header section.to middle?

[razaro]

Try with combination of 

width: 100%;
text-align:center;

to wrapper element, and for element that you want to center

float:none;
width:auto;
display:inline-block;

Edited May 28, 2015 by razaro (see edit history)

[cnpark70]

header is what I want to align center . So something like this below?

 

header {
  z-index: 1;
  position: fixed;
  background: #fff;
  padding-bottom: 10px;

  width: 100%;
  text-align:center;

  float:none;
  width:auto;
  display:inline-block; }

[cnpark70]

Thank you Razaro, It works great.