Bootstrap 3 website viewport problem in iPhone 4

$10-30 USD

Completed

Posted

over 8 years ago

$10-30 USD

Paid on delivery

I have built development website in Bootstrap 3 using Adobe Dreamweaver. This site has a persistent bug with viewport in both Safari and Chrome on an iPhone 4. The site is fine when viewed in portrait/vertical format but when the phone is in landscape/wide format, only the left 320px of the screen is occupied by the site page. The rest of the screen is the dark green of the <body> background colour. The top navbar does stretch to fill the screen, but the rest of the site, contained in .container-fluid divs, does not, and as far as I can see, there is nothing stopping the site from stretching to fill the width of the phone screen. The bug cannot be replicated by narrowing the browser window on a desktop. The HTML and CSS for the site template is bog-standard Bootstrap with two custom CSS files added. The viewport meta also comes straight out of the Bootstrap box. I need someone very familiar with CSS and with Bootstrap to help with this problem AND you will need to be able to access an iPhone 4 to check and resolve the problem, as newer phones with greater resolutions will not show this. I can zip and send the relevant files as they are plain HTML and will work in a local browser. The WIP site is [login to view URL] Thanks.

Bootstrap

CSS

HTML

Project ID: 8894000

About the project

4 proposals

Remote project

Active 9 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

Awarded to:

@TuneThemesLLC

We can fix the issue. We can deliver in a few minutes. Please contact us so we can get started. We have 100% exams result, 5 stars rating, and are ranked among the top 4% freelancers on this site, Looking forward for working with you. [login to view URL]

$20 USD in 0 day