CODEWITHSUNDEEP
jqueryhtmlcsstwitter-bootstrap
d3signdude
d3signdude

Reputation: 17

Responsive web site not vertically scrolling on mobile devices

I have been building a site using a Bootstrap template, but have run into an issue of the site not being about to scroll vertically on a mobile device. The site works when viewing it on a laptop, however when I test it on a mobile device, I am unable to scroll to the page content vertically.

You can see a sample of the site here: http://dennisshepherd.com/v3/index.html

I have been searching for an answer on the forums but have yet to find something that works. Thanks in advance for any help that you may provide!

Upvotes: 0

Views: 1416

Answers (1)

HelloWorld
HelloWorld

Reputation: 2330

OK, I fixed your problem. You needed to remove "Skroller", and "NiceScroll" from your main.js file.

Here you will find your website working fine on tablet/mobile (without some of your images that I didnt bother to source). Here you will find the JavaScript that you need for your main.js file.

As a suggestion, when you use templates, check the web console for JavaScript Errors. This could really help you out down the road.

Also, I recommend you remove the references to these two items from your index.html file. You will find them near the bottom around line 500 or so.

EDIT: I had a bad link to the main.js. I have corrected it.

Upvotes: 1

Related Questions