Navigation not showing full height in mobile mode


I'm trying to set up a mobile friendly nav on this page However if you go into mobile mode for some reason the nav doesn't drop down completely its height stops abruptly cutting off a larger vertical area of the nav.

Frustratingly its working fine here but I can't see what the difference is... Any ideas anyone? Many thanks in advance.

View Replies: View Best Answer
WillemAnchor replied on at Permalink Reply
Some responsive style between 320 and 480 is messing it up

Also, try not to use !important, but make your selections more specific.
starting them with div.ccm-page might help
ConcreteOwl replied on at Permalink Best Answer Reply
In your moble.css file at line 328 you have height:276px; Try changing it to min-height: 276px;
mobile.css line 328
@media only screen and (max-device-width: 480px) and (min-device-width: 320px)
.headerTop {
    background-image: url(images/banner_candidate1.png);
    background-position: -200px top;
    background-repeat: no-repeat;
    height: 276px;
chassa2556 replied on at Permalink Reply
You beauty Weyboat that worked thank you SOOO much. Thanks also Willhem you guys rock!!