Flipped Mobile Nav
URL to the page in question:
http://forpetessakepub.com
-
Hey Bill,
It seems that my navigation menu during mobile is below the content of the page except for the home page . Any thoughts? it is above the widgets but below the content
My guess is it would have to do with this in the custom CSS:
@media only screen and (max-width: 767px) {
#sidebar,
.taller #sidebar {
position: static;
}
#content,
.taller #content {
position: relative;
top: 230px;
}
#logo {
position: absolute;
top: 0;
width: 100%;
left: 0;
right: 0;
padding-bottom: 79px;
background-color: rgba(0, 0, 0, 0.8);
}
#side-menu {
position: absolute;
top: 172px;
width: 92%;
left: 4%;
}
.home #sidebar,
.taller.home #sidebar {
padding-top: 250px;
}
.home #logo {
background: transparent;
}
}
You might just update the theme. In the current version, on mobile, the logo and navigation go to the top of the screen, then the content followed by the widgets.
Bill
This reply has been marked as private.
Sorry for not being clearer there. That code was already in the Custom CSS. I think that may have something to do with the placement of things in mobile browsers. You might make a copy of it and remove it and see what it does.
The current version of the theme is 1.1.2
This reply has been marked as private.
No problem. Let me know if you need help.
- The topic ‘Flipped Mobile Nav’ is closed to new replies.