Hi and Thanks in advance. New posting here, but have been reading for a while and checking other forums, tutorials etc. but haven't seen this exactly.
Background: Started experimenting w/ twitter-bootstrap v2 (using online less compiler) bout a month ago intending to try to modify a Wordpress theme as a CMS for my personal website, THEN found several had already begun and were pretty far along with good stuff. I now want to continue learning / using twitter-bootstrap v2 AND some of the other themes for WP. I have dev MAMP server set up on local machine to play with them all and the start of an implementation @ www.clsimco.com using the *wp-bootstrap 2.0 by **320press* using a child theme. Don't want to reinvent the wheel yet have not fully decided on the best theme out there for my needs. Current situation: I want to add a BG IMG under Nav Bar yet keep full responsive function. I want the page to scroll UNDER the nav bar AND the Img (as if the Img is part of the nav bar as bkg). See what I have so far here: http://www.clsimco.com/ Problem: On full width desktop computer, page looks and works OK so far (not finished) but when viewed in a shrunken browser window or on an iPhone I am losing some of the responsive functionality. Specifically, as bootstrap nav bar is intended to work without my modification, you see a bar and a button at the top of the (small) screen, are able to scroll the whole page, and if you click the button for the nav links you should be able to see all of the nav links in the dropdown walker AND STILL scroll the whole page including the walker. What is happening with the implementation that I have is this: 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.
