Responsive fixed menu

1

I have a fixed menu that when viewed in the maximized browser everything happens perfectly, however, when the screen is dimmed, the menu is fixed and the scroll bar does not scroll, can it be solved with CSS only?

Follow my CSS menu code:

{
z-index: 297;
height: 80px;
border-style: solid;
border-color: #7F7F7F;
background-color: #FFFFFF;
position: fixed;
top: -1px;
border-width: 0px 0px 1px;
}
    
asked by anonymous 11.10.2014 / 01:15

1 answer

1

in your style sheet:

@media (max-width: 600px) {
  .menu {
    position: relative;
  }
}

where max-width is the maximum length where these rules apply, in this case the menu above 600px will no longer have position: relative;

( link )

    
11.10.2014 / 13:36