I was wondering if there’s a way to modify the site’s layout for mobile devices without affecting the desktop version. I’m not very sure how to get my point across, so I’ll provide you an example of what I’d like to do.
The screenshot below is from the desktop version. As you can see, the “Hi there!” image is big and fits the screen perfectly:
However, take a look at the next screenshot. This is taken from a mobile device, and as you can see, in order to fit the screen, the image got smaller. Please compare the size of the text below it so you can get a feel of what I’m trying to convey.
What I’d like to do is to upload a new modified image that could properly fit the screen, but I’d like to keep the image I already have for the desktop version, and have the new image reflected in mobile devices only.
Is there a way to modify the mobile device’s layout without affecting the desktop version? If so, how do I do it?
My website: http://stsloc.com/
Hope you can help me out with this one!
Thanks in advance!