T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (1)

Resolved Google Chrome dev tools emulation will not scroll page

0
Votes
Undo
  1. Lee Tempest
    Lee Tempest
  2. Sherlock Holmes
  3. General Discussion
  4. Tuesday, 02 June 2015
  5.  Subscribe via email
Hello,
When I use Google Chrome Dev tools and set the emulation to a mobile device, reload the page and css, I cannot then 'scroll' the page vertically as I can on a 'real' phone to test the responsive elements. Can anyone help?

Thanks, try this page:

http://baleshomes.under-development.info/index.php?option=com_content&view=article&id=6&Itemid=116


Lee
Comment
There are no comments made yet.
Responses (1)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Lee,

I checked your site and see that, there is one class you added to the custom.css file that makes the problem.

.imgbckgrnd body {

  background-repeat: no-repeat;

  background-position: center center;

  background-attachment: fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center;

  overflow: hidden;

}


You can remove the code line: overflow: hidden; and the scroll bar will be available in mobile.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.