Can't see all of my navigation?

HTML & CSS
,
1

Hi I have a site which is working fine until I go onto mobile and click on my responsive nav. Only on my index page does the nav not work. I can’t see all my nav headings. The nav headings should be
HOME
RECRUITMENT
MEET THE TEAM
NEWS
CAREERS
REGISTER
CONTACT

At the moment on a mobile I can’t see contact, its hidden which isn’t happening on my other pages.

my site is called http://betterclimates.com on the opening page if you resize you browser down to mobile size and then click on menu you can see some of my navigation hidden. I just don’t know why?

Any help would be much appreciated

2

You have put your menu in the same container as the images of the slideshow, and then styled the container as such:

body .vegas-container {
   overflow: hidden !important;
}

Since your menu is longer than the height of the container, anything below the bottom of the container will be hidden (ie your CONTACT link).

4 Likes
3

thanks for your help

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.