Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Off-canvas Example non-functional on iPad #10212

Closed
UTCWebDev opened this issue Aug 27, 2013 · 4 comments
Closed

Off-canvas Example non-functional on iPad #10212

UTCWebDev opened this issue Aug 27, 2013 · 4 comments

Comments

@UTCWebDev
Copy link
Contributor

iPhone: works as advertised.

iPad: "Off-canvas" is off-screen, but not off-canvas. Canvas is still x-scrollable and x-y-shrinkable. Toggle button is invisible.

screen-shot 2013-08-27 at 9 55 29 am
screen-shot 2013-08-27 at 9 55 21 am

@UTCWebDev
Copy link
Contributor Author

Looks like the break point wants to be at 767, must be a conflict with BS main CSS:

screen-shot 2013-08-27 at 2 55 25 pm
screen-shot 2013-08-27 at 2 55 45 pm
screen-shot 2013-08-27 at 3 13 59 pm

@UTCWebDev
Copy link
Contributor Author

I just dug into the LESS files, and it looks like the break point for tablet portrait 768 keeps the row intact, so it's not appropriate to have off-canvas elements at that width. Custom off-canvas.css should be breakpoint 767px
http://cdpn.io/aHgGB

@UTCWebDev
Copy link
Contributor Author

updated to set html {overflow-x:hidden;} due to possibility of accidental horizontal scroll on smaller screens:
screen-shot 2013-08-28 at 4 12 22 pm

@mdo
Copy link
Member

mdo commented Sep 6, 2013

Closing per the merged PR.

@mdo mdo closed this as completed Sep 6, 2013
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants