A display problem with phones...

I'm using Google Chrome Developer tools to test different phones, but I've also used an iPhone 6 and get the same results.

So that we are seeing the same thing if you could check Developer tools as an iPhone 6 on this page that would be great... http://dev1.wbparts.com/directory-fsg.cfm

So 2 problems I'm running into... #1 The logo is not showing up and #2 the table is not being confined by the white space.

For #2 it seems to be that allowing the white space to expand further to the edges of the screen would fix this. I've tried various modifications to the .css to decrease the margins without success. I'm hoping you can help!

Thanks

Ah... good catch on the logo. Sorry about wasting your time on that one, it was my bad :)

Still having problems with the table though. I added table-responsive as you suggested and it did not change anything.

It seems to me there is just WAY TOO much padding/margin on the white-section and if I could just figure out where to adjust that it might work. If you switch to the iPad display you see that margin go way down, I'd like to see something similar on the phones... any ideas?

Thanks for the quick reply, I know by using the white-section I'm changing the theme up a little bit, you you did have it on your component-select-picker demo page and I really like the way it looks.

Sorry just trying to change it to not resolved, and didn't know if I needed to post a reply to make that happen, just selecting it didn't seem to do the trick.

Ok I was able to resolve this by adding the follow around my grid setup.

Thanks