wordpress - How do I prevent images from displaying on my responsive website at mobile dimensions? -
i have right-aligned image in main body of wordpress post, have placed using wysiwyg editor. however, prevent image displaying on devices max-width of 320px.
i using responsive theme not wish change way other images on website behave. reason, possible target image specifically? if so, how this?
bonus: wanted change alignment , margins of image @ mobile width have been unable figure out how without changing way behaves @ bigger screensizes.
have been unable find solution far.
thanks!
you use media queries on editor go html editor add id particular image example <img id="target" src="some/image.jpg" />
then paste on style.css file
@media screen , (min-device-width : 320px) { #target{ display: none; } }
Comments
Post a Comment