Hi John and thanks for the interest and reply. "Something isn't right with navbar-fixed-top. You can see in the default Bootstrap implementation that it does *not* stay fixed to the top in responsive when scrolling a page."
Yes, you are right, and thus my problem. "Did you intend for the navbar to remain fixed to the top in responsive? " No. What I want is all of the default behavior of the original Twitter-Bootstrap, BUT, I want to add my own background image. The goal would be to have the page scroll under the bg img and toolbar when viewed in desktop size mode as is default, and when in responsive mode and viewed on a smaller device, retain all of the default behaviors as well. I would like to see the bg image in small responsive mode and have the walker deploy and act as it would normally. ie: small screen will scroll with walker up or down. Here is a link to a purely twitter-bootstrap version using .less files, and NOT a wordpress theme based on twitter-bootstrap. http://random-specific.com/test/initializr-less/ This is a link to a version that is a wordpress theme (wp-bootstrap) in my original post here. http://www.clsimco.com/ I would think that the basics of what I want to do are possible in the original twitter-bootstrap, and similarly in a wp theme. Since I am just learning twitter bootstraps, html5 and wpress It must be me that is missing something obvious. Thanks again.... On Sunday, April 15, 2012 6:50:02 AM UTC-7, John Parris wrote: > > Something isn't right with navbar-fixed-top. You can see in the > default Bootstrap implementation that it does *not* stay fixed to the > top in responsive when scrolling a page. Without digging in, it's hard > to say what's wrong, but if the number of links exceeds the length of > the screen and you keep the navbar fixed to the top in responsive, you > won't be able to scroll the page and see any content when the menu is > expanded and you won't be able to see all links since the top of the > menu doesn't move when fixed to the top. And even on short menus, > you're eating up the viewing area by keeping the navbar fixed to the > top, meaning the viewing experience will certainly be bad. > > Did you intend for the navbar to remain fixed to the top in > responsive? > > > On Apr 13, 4:56 pm, "C.L. Simco" <[email protected]> wrote: > > On a small screen the page works fine until you open the nav bar and get > > the walker. then there are two issues. > > 1. Because of the div that I placed the bg Img in, I do not see the > entire > > set of links when walker is deployed. This because if I increase that > div > > height, all links on page below are not clickable even though I have > tried > > to set the z-index of the img to NOT conflict with the nav bar or page. > All > > of this is done only inline and in style.css (I have altered no other > > files). > > > > 2. On a small screen with walker deployed, the page will scroll UNDER > the > > walker ( as I want on full size monitor not small screen) until you > click > > the button and raise the walker to default position. This, rather than > the > > default behavior of twitter-bootstrap v2 where the page is pushed down > when > > walker is deployed, AND, page as well as walker will scroll as a unit on > a > > small screen. > > > > In other words I want to modify the nav bar but keep full default > > functionality. I have been trying for about 3 weeks now and finally > decided > > to ask of help. > > > > Again thank you.
