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 Richard Nicholls
Richard Nicholls
1,301 Points

Image doesn't display

Hi guys. I am designing a website and have an image in the html that i do not want displayed when its on mobile devices. I have its sizing and position sorted for desktop and have set the display to hidden on my main css page. On my responsive css page which has 3 or 4 media queries I have the display to relative and the size just right. Obviously the 'hidden' attribute is causing it to stay hidden and I cant figure out a way to fix this small hitch. Any advice would be well received.

2 Answers

Colton Ehrman
PLUS
Colton Ehrman
Courses Plus Student 5,859 Points
Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Try only having a display: none property for whichever media query you want it to not display on. Do not change the display property for anything else

Richard Nicholls
Richard Nicholls
1,301 Points
Richard Nicholls
Richard Nicholls
1,301 Points

Thanks, it didn't work but I just fixed it. You reminded me that I didn't have the code written properly. I had position property wrong and no display property set. I set the display to block and there it was, I also changed position to relative too. Thanks all the same

Colton Ehrman
Colton Ehrman
Courses Plus Student 5,859 Points

Lol no problem.