Thread Starter
gcwp
(@gcwp)
That scrolling down effect seems to have disappeared!
When viewed on a mobile the Menu link is at the bottom of the page bit when I click on it I see a “x” but the actual list of items is only seen when scrolling down! So some would never see these items!
How solve this one?!
Cheers
Geoff
Thread Starter
gcwp
(@gcwp)
cannot see where I found this css at the moment but it puts the menu at the top!
@media (min-width: 760px) {
.navigation-top {
position: absolute;
top: 0px;
width: 100%;
height: 70px;
}
}
@media (min-width: 760px) {
.custom-header {
position: relative;
padding-top: 70px;
}
}
and this css puts the mobile menu at the top of the page.
@media screen and (max-width: 767px) {
.navigation-top,
#masthead .wrap {
position: static;
}
.site-branding,
.custom-header-media {
z-index: 0;
}
.main-navigation {
left: 15%; /* orig 10% */
position: absolute;
top: 0;
width: 80%;
z-index: 1;
}
.main-navigation ~ a {
display: inline-block;
margin-top: 10px;
}
html .colors-custom.navigation-top .menu-toggle,
html .navigation-top .menu-toggle {
background: white;
color: red;
float: right;
margin-top: 0.5em; /* orig 1em */
z-index: 1;
}
.menu-menu-1-container {
clear: both;
}
html .colors-custom .menu-toggle:focus,
html .menu-toggle:focus {
background: white;
outline-color: black;
}
}
Geoff
