Smaller images on mobile

  • I am using Twenty Fourteen and working with a child theme.

    My client says the images on her phone are too big. I don’t want to make the images responsive. How can I make them say, half their size, on phones? I assume this would involve some code in the media queries, but I’m not sure what that might be exactly.

    Thanks for any help!

Viewing 1 replies (of 1 total)

  • Hi There,

    Not sure exactly what you’re looking for, but if I understand you correctly the easiest way would be using a mobile theme switcher (Solid one here). Just create a replicaca of your child theme (Call it “child m” or something) and add something like to the style.css;

    .entry-content img {
max-width: 50%;
}

    You could use the media queries also, but I always find them a little awkward to work with. Then if you wanted to change other things on mobile’s it would be really easy (Functions, CSS, etc)…

    Hope this help!

Viewing 1 replies (of 1 total)
  • The topic ‘Smaller images on mobile’ is closed to new replies.