Jump to content
newcoder1010

Page is not responsive in mobile phoe

Recommended Posts

Hello,

When I visit the my site in mobile phone,  I am not sure why it is forcing me to scroll right. Everything should fit into mobile screen size. I thought callus block creating the issue. I display:none; to the  callus block and I still have issue.

I have gone thru every row to see if I have hard code width by mistake and I did not see it. I am just confused. 

Please advise. 

 

https://drive.google.com/open?id=1IZFTADisQPmG3bFqEtpnRJzBS6KUHHI9VmEtkK3TG3w

Share this post


Link to post
Share on other sites

I'm not at my computer so I can't debug the page, but the problem seems to be the phone bar at the top of the page. Use the DOM inspector to see what styles are being applied to it. 

Share this post


Link to post
Share on other sites

I updated my google doc if that helps.

Removed the top region. Still same issue. 

.row.topregion {
    display: none;
    background: #2f2d2d;
}

 

Edited by newcoder1010

Share this post


Link to post
Share on other sites

I don't see scroll problem with mobile, just slight scrolling on desktop, but that has always been there, The long text in submit buttons might be problematic, as it is using white-space: nowrap; it seeps beyond the outer boundaries of button.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×