Navigation not showing full height in mobile mode

Permalink
Hi

I'm trying to set up a mobile friendly nav on this pagehttp://simplerecruitmentltd.co.uk/candidate/jobs-board/.... 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 herehttp://simplerecruitmentltd.co.uk/client/send-simple-recruitment-jo... but I can't see what the difference is... Any ideas anyone? Many thanks in advance.

chassa2556
View Replies: View Best Answer
WillemAnchor replied on at Permalink Reply
WillemAnchor
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
ConcreteOwl
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
chassa2556
You beauty Weyboat that worked thank you SOOO much. Thanks also Willhem you guys rock!!