StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Make image mobile responsive

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Make image mobile responsive

This topic is: not resolved

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 4, 2013 at 7:24 pm #65416
    laura
    Member

    Hello

    I have created a landing page, which you can see here http://momgoesonline.com/make-money-doing-what-you-love/

    I have managed to make everything mobile responsive, excluding the image. When I view the image on an iPhone, it cuts off.

    Can someone please help me out and tell me how I can make the image responsive? (ideally I would have it centered too)

    Thank you soooo much
    Laura

    http://momgoesonline.com
    October 7, 2013 at 9:10 am #65665
    Robin
    Member

    Try adding max-width: 90%; to your .wp-caption selector (line 1570). (I say 90% because when I did 100% part of the caption was still cut off).

    The way I've tackled styling smaller images for mobile is to set all images that are aligned right or left to be centered at a certain media query breakpoint. I blogged about it here--easy enough to do if you want to try this approach. HTH

    I do the best I can with what I’ve got. (say hey on twitter)

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.