Skip navigation
2523woodsie
Currently Being Moderated

How can I show or hide an image based on screen size in CS6?

Jul 22, 2012 6:20 AM

I have a web site built using Dreamweaver CS6. I used the fluid grid layout to have different views for each of the 3 types - phone, tablet, desktop. It works well, resizes as it should. I would like to be able to show an image in the desktop version but not the mobile version. How could I do that? I can see in the .css file that different size screens can have their own different settings. Is there code I could add that would hide/show and image based on the users viewport on the same page? Let's say I have a div tag named picture. How could I add a parameter to the picture div tag in the style sheet that would hide the image if it was mobile?

 

thanks,

 

Marilyn

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points