Melvin
Melvin

Reputation: 383

Navigation menu overlap when scrolling down the page

my site Deliver .I have set the current menu color and hover colors respectively.the issue is when we scroll down the header is getting fixed at the bottom with a slight height change.so the menu colors are overlapping which i feel not good . so i tried in css

.adjustsub nav ul li {
   height:40px !important;
   padding 0 0 0 0 ;
}

nothing seems to be working.Please help!!!

EDIT i need that in full height that of the header and when we scrolls down it should fit the fixed header size.reducing height doesn look good actualy

Upvotes: 0

Views: 202

Answers (2)

Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85545

Apply this:

.adjustsub nav ul li {    
   height: 38px; /* decreased height */
}

Upvotes: 1

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167162

The height of .menu li was the problem. Use this CSS:

nav .menu li {
    height: 38px;
}

Edit

.fixed_slider header#header {
    border-bottom: none;
    height: 58px;
}

Upvotes: 0

Related Questions