Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
jdh
12,334 PointsRemoving Scroll in HTML Email
Fabio Carneiro - How can you remove the scroll from side-to-side in an email? I personally find that as a user this bothers me the most when trying to view an email on a phone.
I was looking at Zurb's Ink, the responsive framework for email and when you view it in the browser at the smallest size there is no scrolling from side-to-side.
Can you help on how to add this to the template we designed here?
I've compared the two and I thought it could be that we used "width: 100%; max-width: 560px;}" and Zurb used "width: 100%; min-width: 100%;}" but I've tried that and it did not work.
Thanks for the help!
1 Answer
Caroline Hagan
12,612 PointsYou shouldn't be getting left-right scrolling unless there is something in the layout that is causing it.
Can you post your code into something like a Codepen
jdh
12,334 Pointsjdh
12,334 PointsI just tried the original code with some of my edits using Mail Chimp and it seemed to not allow the scrolling!