Reply To: How to show the hidden content by the sticky header?

[jurotek]

There’s few issues with your header. First of all, the right way to style your fixed header would be like this:

.tab-content.cabecera {
position:fixed;
top:0;
background:#fff;
border-bottom:1px doted #ccc;
width:100%;
max-width:1170px;
z-index:10;
}

Now, when you re-size browser window to 1024px width, only half of your navigation is visible due to having not enough room after logo and social div. So you either float left social div at this point below logo or convert your navigation to drop-down like you have at 768px width and below.

You put top padding on you container and also top margin on tab-content slides. You either do one or the other cause you have a big gap below header which affects vertical flow.

BTW, your social div overlaps logo at 640px width and below.