I have a test site, which is not responsive, but when viewed on mobile, the home page has like a white bar down the right hand side. This does not happen on any other pages and I cannot figure out why. Any insight would be welcome. The test site is http://bit.ly/Rwnblx
This is probably because one
This is probably because one div is wider then the rest of the divs, atleast this is what I think is happening.
Anyway if you open your css file called style.css and go to line 1728 you will find this code:
#home-welcome { width: 960px; text-align: center; overflow: auto; }
Change the width to 900px and see if this changes anything.
This div seems to look wider on my browser then the other divs.
Let me know if this fixed the problem.
Cheers, Henk
Nice catch
It was also the padding I had added on line 332 and forgot to reduce the width accordingly. Thanks for that!!
By hearing this I suppose the
By hearing this I suppose the problem is solved now?
Yes absolutely
thanks