Hide image on mobile version

tatteberry

Site URL: http://www.sacredlightphotography.com

On the homepage, I'm wanting to hide the two bottom images in the content section on mobile phones only (photo of the beads and the flower). Can't seem to get the code working for that though.

Any ideas?

Thanks.

VivPix

Hello,

I double checked with our specialty team of customizer Heroes and they have confirmed that there is not a way to remove content from your Homepage for mobile devices only.

Feel free to leave this as a feature request in our feedback forum:
http://smugmug.uservoice.com/forums/17723-smugmug
Many new features have come from this forum!

tatteberry

I wonder why it is then that a search here shows people doing just that? There seems to be some thing that can, some things that can't, and I'm not able to see the rhyme nor reason to it. Here are three that popped up ...

http://www.dgrin.com/showthread.php?t=255973&highlight=hide+mobile
http://www.dgrin.com/showthread.php?t=256888&highlight=hide+mobile
http://www.dgrin.com/showthread.php?t=252259&highlight=hide+mobile

VivPix wrote: »

Hello,

I double checked with our specialty team of customizer Heroes and they have confirmed that there is not a way to remove content from your Homepage for mobile devices only.

Feel free to leave this as a feature request in our feedback forum:
http://smugmug.uservoice.com/forums/17723-smugmug
Many new features have come from this forum!

Hikin' Mike

This should hide those two pictures if the screen is less than 799px.

@media only screen and ( max-width: 799px ) {

	.sm-page-widget-14580545,
	.sm-page-widget-14581894 {
		display: none;
		}
		
}

tatteberry

Dude, you have shamed the heroes. My thanks. I knew it could be done if someone stopped and took a look. Thanks again.

Hikin' Mike wrote: »

This should hide those two pictures if the screen is less than 799px.

@media only screen and ( max-width: 799px ) {

	.sm-page-widget-14580545,
	.sm-page-widget-14581894 {
		display: none;
		}
		
}