CODEWITHSUNDEEP
csshtmltwitter-bootstrapresponsive-design
Praveen
Praveen

Reputation: 1802

horizontal scroll bar issue in production environment in mobile

i have created a responsive page with bootstrap 3. I am having a problem in all mobile devices, there is long scroll bar coming. Strange thing is it is coming fine in my local machine. Issue is only reproducible in production environment. I have tried every thing but nothing worked.

Using meta tag: <meta name="viewport" content="width=device-width, initial-scale=1">

This issue is making me insane, i am not getting the cause of this issue.

Below is the page url
http://beta.proptiger-ws.com/careers

enter image description here

Even if i remove the entire body tag in consle panel the scroll bar still comes. Let me know if you guys need any other detail.

I am updating this question my new finding are this page is not becoming responsive thats why the scrollbar is coming. dont know what is wrong with the viewport meta as same page working fine on my local machine.

Upvotes: 1

Views: 390

Answers (2)

Gezzasa
Gezzasa

Reputation: 1453

That site is not responsive if you have set widths

Search for the class below and change.

@media (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px)
.mainContainer, .footer-container, .footer-cont-info, .copy-container, .searchFilter {
width: 100%;
}

Be sure to do a hard refresh when editing in external css files (ctrl + F5)

Upvotes: 1

Anupam Basak
Anupam Basak

Reputation: 1523

Check the css for min-width.

If there is any element with min-width greater than the page then it would produce a scrollbar.

Upvotes: 0

Related Questions