CODEWITHSUNDEEP
htmlcsstwitter-bootstrapmobile
Henrique Caiano
Henrique Caiano

Reputation: 163

Problems with Bootstrap Container on Mobile Devices

I'm working on the responsive part of my website but I'm having a bug with the mobile devices. When I test the responsive on my desktop browser everything works great, but when I test on my iphone this is what happens.

screenshot #1 enter image description here screenshot #3 http://i.imgur.com/ebAhfdr.png

I don't know why but the container apply some sort of margin in the right. Already searched everywhere and nothing's fixing it. Already changed the viewport and add a min-width to the body. This happens when I have a 100% width on the main div.

If someone can help me with this i would be very thankful, because i'm trying to fix this for days.

Upvotes: 1

Views: 5918

Answers (1)

Henrique Caiano
Henrique Caiano

Reputation: 163

Finally i fixed this problem. After a lot time trying different things I just wrote this css for all the small devices.

@media (max-width: 768px) {
html, body {
width: auto !important;
overflow-x: hidden !important;
}
}

I don't know if it's the best way to do it but solved my problem. I had this bug for a long time, i'm happy it's working now.

Thanks a lot everyone that tried to help me. Cheers

Upvotes: 14

Related Questions