4 replies [Last post]
regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 5 years 29 weeks ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

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

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 17 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

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

Check Maximum Webdesign for your online solutions

regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 5 years 29 weeks ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

Nice catch

It was also the padding I had added on line 332 and forgot to reduce the width accordingly. Thanks for that!!

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 17 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

By hearing this I suppose the

By hearing this I suppose the problem is solved now?

Check Maximum Webdesign for your online solutions

regia
regia's picture
Offline
Enthusiast
San Diego
Last seen: 5 years 29 weeks ago
San Diego
Timezone: GMT-4
Joined: 2010-10-24
Posts: 313
Points: 360

Yes absolutely

thanks