I actually first became aware when viewing on a smaller screen Android, then on iPhone 6, that I was not seeing the toggle bars. I then have to swipe left to access toggle to access menu.
That (image I included in initial query) was the screen shot of the Android; the content actually moved left out of view, with a space that I'd guessed to about the breakpoint, when swiped to left, to get to toggle.
This led me to think there was some sort of min-width or other restraint rule associated with the navbar-header, but I just don't see anything that jumps out at me. (I can, at times, be a "bull in a china shop" but I have learned to not try to make the code do things it doesn't like to do.)
No, I did not see any of that in emulation mode FF Dev or Chrome Dev, but only on hand held phone.
All images and content were properly responsive and fit screen well, but had to swipe left to see the toggle trigger in menu.
===I've only overwritten a few rules===
I inserted text "MENU" into the navbar-toggle...
/*Change Width of Menu Toggle Bars*/
.navbar-toggle .icon-bar {
width: 50px;
}
/*Center NavMenu links*/
.navbar .navbar-nav {
display: inline-block;
float: none;
}
.navbar .navbar-collapse {
text-align: left;
}
4
Replies
AdChoices