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

CSS

Posted by Chris Dillon
.a{fill-rule:evenodd;}techdegree
Chris Dillon
Front End Web Development Techdegree Student 4,459 Points

Linear gradient and some JavaScript not working on mobile device (iOS)

I have a linear gradient at the top of my website over a background image and also have a background color change through JavaScript, but neither are showing up on my iPhone. I've looked for answers but it seems like mobile device browsers don't like to render linear gradients.

Currently developing/designing for mobile only so it's not designed for desktops yet.

Here is a link my my website that I'm working on: http://test2.dillondesignstudios.com/

1 Answer

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Chris Dillon

Sorry, I just got you Answer Request. I see it was posted on Thursday, so I'm not sure if you have this resolved. I do see the gradient and experience the bg-color change on my mobile (using iPhone 6s with current OS). Tried it with both Safari and Firefox and both responded the same. So, it works on my mobile. :)

By the way... I do really like the design so far. Nice work! :) :dizzy: