Hello
I am using Travelify and I have just notices that I cant click on any of my sub menus because there is a space between them. the problem is only on the home page where I have the feature images set.
The page is on
www.whaleswimsafaris.com
Thanks very much
Brad
Here is the code
#main-nav {
border: 1px solid #439f55;
cursor: pointer;
background: #57ad68;
color: #fff;
position: relative;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
box-shadow: inset 0 1px 1px rgba(255,255,255,0.2);
}
#main-nav li {
float: left;
position: relative;
padding: 0;
}
#main-nav a {
color: #fff;
display: block;
float: left;
font-size: 14px;
padding: 8px 12px 0 10px;
height: 32px;
}
#main-nav a:hover,#main-nav ul li.current-menu-item a,#main-nav ul li.current_page_ancestor a,#main-nav ul li.current-menu-ancestor a,#main-nav ul li.current_page_item a,#main-nav ul li:hover > a {
background: #439f55;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=100)”;
filter: alpha(opacity=100);
opacity: 1;
color: #fff;
}
#main-nav ul ul {
text-shadow: none;
}
#main-nav li:hover > a,#main-nav ul ul :hover > a,#main-nav a:focus {
color: #439f55;
}
/* Dropdown */
#main-nav ul li ul,
#main-nav ul li:hover ul ul,
#main-nav ul ul li:hover ul ul,
#main-nav ul ul ul li:hover ul ul,
#main-nav ul ul ul ul li:hover ul ul {
display: none;
z-index: 9999;
}
#main-nav ul li:hover ul,
#main-nav ul ul li:hover ul,
#main-nav ul ul ul li:hover ul,
#main-nav ul ul ul ul li:hover ul,
#main-nav ul ul ul ul ul li:hover ul {
display: block;
}
#main-nav ul li ul {
position: absolute;
background-color: #fff;
border-bottom: 4px solid #439f55;
top: 40px;
left: 0px;
width: 190px;
}
#main-nav ul li ul li {
float: none;
border-bottom: 1px solid #EAEAEA;
border-left: 1px solid #EAEAEA;
border-right: 1px solid #EAEAEA;
padding: 0;
}
#main-nav ul li ul li a,
#main-nav ul li.current-menu-item ul li a,
#main-nav ul li ul li.current-menu-item a,
#main-nav ul li.current_page_ancestor ul li a,
#main-nav ul li.current-menu-ancestor ul li a,
#main-nav ul li.current_page_item ul li a {
float: none;
line-height: 21px;
font-size: 13px;
font-weight: normal;
height: 100%;
padding: 6px 10px;
color: #777;
text-transform: capitalize;
background: #fff;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#main-nav ul li.current_page_item ul li a {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
#main-nav ul li.current_page_item a {
border: none;
}
#main-nav ul li ul li a:hover,#main-nav ul li ul li:hover > a,#main-nav ul li.current-menu-item ul li a:hover {
background-color: #F9F9F9;
-webkit-box-shadow: none;
box-shadow: none;
color: #439f55;
}
#main-nav ul li ul li ul {
left: 188px;
top: 0px;
}
#main-nav select {
display: none;
}
.default-menu {
display: none;
}
/* =Featured Slider
--------------------------------------------------------------/
.featured-slider,.featured-slider .slider-cycle {
position: relative;
}
.featured-slider .displayblock {
display: block;
}
.featured-slider .displaynone {
display: none;
}
.featured-text {
position: absolute;
bottom: 55px;
right: 30px;
text-align: right;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px;
background: #555;
background: rgba(0, 0, 0, 0.5);
margin-top: 4px;
float: right;
clear: right;
width: 35%;
text-shadow: 0 2px 2px rgba(0,0,0,0.4);
border-radius: 4px;
border: none;
}
.featured-text .featured-title {
font: 28px Helvetica, sans-serif;
font-weight: 200;
padding-bottom: 10px;
text-shadow: 0 2px 2px rgba(0,0,0,0.6);
}
.featured-text .featured-title a {
color: #fff;
}
/ Controllers */
#controllers {
text-align: center;
line-height: 0;
position: absolute;
width: 100%;
bottom: 15px;
z-index: 9999;
}
#controllers a {
width: 10px;
height: 10px;
margin: 0 4px;
overflow: hidden;
display: inline-block;
background-color: #fff;
border-radius: 2px;
color: #fff;
}
#controllers a:hover,#controllers a.active {
background-color: #439f55;
color: #439f55;
Hi Brad,
I hope you are well today and thank you for your question.
Please don’t share the theme code in the forum as we already have that so you don’t need to share it because it makes the topic messy.
I visited your site http://www.whaleswimsafaris.com/ and could click on the sub menus on home page of your site without any issue. I have tested it using Chrome and Firefox browsers but it worked without any issue.
Is it working for you now?
Which browser and browser version are you using?
Please try using different browser to test it.
Kind Regards,
Movin