Gracias manu, Como no se donde puede estar el asunto, te pongo todo lo referente al menú.
Gracias de antemano.
Código HTML:
Ver original <!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> <a href="../index.html">PHOTOGRAPHY
<span>.
</span></a> <nav id="fh5co-main-nav"> <li><a href="home.html#fh5co-home" class="transition">HOME
</a></li> <li><a href="home.html#fh5co-portfolio" class="transition">PORTFOLIO
</a></li> <li><a href="home.html#fh5co-about" class="transition">ABOUT
</a></li> <li><a href="home.html#fh5co-contact" class="transition">CONTACT
</a></li>
Código CSS:
Ver original#fh5co-header #fh5co-main-nav {
float: right;
}
@media screen and (max-width: 768px) {
#fh5co-header #fh5co-main-nav {
display: none;
}
}
#fh5co-header #fh5co-main-nav ul {
padding: 0;
margin: 4px 0 0 0;
}
#fh5co-header #fh5co-main-nav ul li {
padding: 0;
margin: 0;
display: inline;
}
#fh5co-header #fh5co-main-nav ul li a {
font-family: "Source Sans Pro", sans-serif;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
margin-left: 30px;
border-bottom: 2px solid transparent;
}
#fh5co-header #fh5co-main-nav ul li a:hover {
text-decoration: none;
color: #6BB6E6;
}
#fh5co-header #fh5co-main-nav ul li.active a {
color: #6BB6E6;
}
#fh5co-header.navbar-fixed-top {
position: fixed !important;
background: #fff;
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
top: 0;
left: 0px;
}
#fh5co-header.navbar-fixed-top #fh5co-logo {
float: left;
line-height: 1.2;
}
#fh5co-header.navbar-fixed-top #fh5co-logo a {
font-family: "Source Sans Pro", sans-serif;
font-size: 30px;
color: #000;
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li a {
font-family: "Source Sans Pro", sans-serif;
color: rgba(0, 0, 0, 0.8);
text-decoration: none;
margin-left: 30px;
border-bottom: 2px solid transparent;
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li a:hover {
text-decoration: none;
color: #6BB6E6;
}
#fh5co-header.navbar-fixed-top #fh5co-main-nav ul li.active a {
color: #6BB6E6;
border-bottom: 2px solid transparent;
}
#fh5co-main,
#fh5co-offcanvas {
-webkit-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
#fh5co-offcanvas {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 9999;
width: 275px;
background: #444853;
overflow-y: auto;
padding: 50px 30px 30px 30px;
-moz-transform: translateX(275px);
-webkit-transform: translateX(275px);
-ms-transform: translateX(275px);
-o-transform: translateX(275px);
transform: translateX(275px);
}
#fh5co-offcanvas .fh5co-offcanvas-close {
position: absolute;
top: 20px;
right: 30px;
}
#fh5co-offcanvas .fh5co-offcanvas-close:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e117";
font-size: 30px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#fh5co-offcanvas .fh5co-offcanvas-close:hover:before {
color: white;
}
#fh5co-offcanvas nav ul {
padding: 0;
margin: 0;
}
#fh5co-offcanvas nav ul li {
padding: 0;
margin: 0;
list-style: none;
}
#fh5co-offcanvas nav ul li a {
display: block;
color: rgba(255, 255, 255, 0.5);
padding: 7px 0;
}
#fh5co-offcanvas nav ul li a:hover {
color: #6BB6E6;
}
#fh5co-offcanvas nav ul li.active a {
color: #6BB6E6;
}
.offcanvas-visible #fh5co-offcanvas {
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#fh5co-portfolio,
#fh5co-about,
#fh5co-contact,
#fh5co-testimony,
#fh5co-content {
padding: 7em 0;
}
@media screen and (max-width: 768px) {
#fh5co-portfolio,
#fh5co-about,
#fh5co-contact,
#fh5co-testimony,
#fh5co-content {
padding: 4em 0;
}
}