Pique : image size on mobile

• 

  mluyten · Member · Oct 16, 2017 at 3:41 pm

  • Copy link
  • Add topic to favorites

  Hi,
  For instance on this page https://marcialuyten.nl/het-geluk-van-limburg/ i am using an image with 276 x 437. But displayed as ‘Average’ 189 x 300. It’s aligned LEFT.

  On my phone(s) i see the image with the lines broken, but i want to have the image stretched to the width of the screen.

  Thanks!
  Premium member

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Oct 16, 2017 at 8:49 pm

  • Copy link

  Please post this specific info here:
  (a) Exactly what kind of device you are using to connect to the internet and to WordPress.com.
  (b) Exactly which browser (and version of it) you’re using by checking here if necessary http://supportdetails.com/

  Then type modlook into the sidebar tags on this thread for a Staff follow-up. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Also subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

• 

  mluyten · Member · Oct 17, 2017 at 8:13 am

  • Copy link

  E.g. check this image https://www.dropbox.com/s/m4j7s6i19js6obb/Screenshot_20171017-100530.png?dl=0

  For this page: https://marcialuyten.nl/dag-afrika/

  Device is : Huawei Mate9 (1080 x 1920 px)

  Viewing this in Chrome, latest.

• 

  staff-zinnia · Staff · Oct 17, 2017 at 2:49 pm

  • Copy link

  Hi Marcia –

  Thanks for getting in touch.

  For the “Dag Afrika” you would like to see the image across the top of the screen followed by the text below – is that right?

• 

  staff-zinnia · Staff · Oct 17, 2017 at 2:51 pm

  • Copy link

  I’ve had a look at Dag Afrika on my iPhone 6 and it is suboptimal appearance. Don’t worry though, I will help get it straightened around :)

• 

  mluyten · Member · Oct 17, 2017 at 6:17 pm

  • Copy link

  Hi Liz, exactly how i want it (wouldn’t want anyone it?): Title > Image > Text below the image.
  On any mobile phone. Looking forward to your solution!
  Rob

• 

  staff-zinnia · Staff · Oct 18, 2017 at 2:21 pm

  • Copy link

  Good morning –

  Thanks for confirming :)

  I center aligned the image, removing the wrapped text which was causing it to look funky on mobile. Here’s what I see on my iPhone 6 in Chrome: https://cloudup.com/cCGLFJZ2RJU

  Let me know how it looks from your mobile too.

• 

  mluyten · Member · Oct 18, 2017 at 6:22 pm

  • Copy link

  Hi again, hmmm – not exactly.
  I think the image should be full width and text below, but with more space between the image. What do you think?

• 

  staff-zinnia · Staff · Oct 19, 2017 at 12:39 pm

  • Copy link

  Editing the image size will help it span across the screen. Just be careful not to distort it.

  Adding an enter space after the image and between the text from the page editor will solve the spacing too.

• 

  mluyten · Member · Oct 19, 2017 at 1:13 pm

  • Copy link

  Thank you. I’ll leave it as is for now.

• 

  staff-zinnia · Staff · Oct 19, 2017 at 2:07 pm

  • Copy link

  You’re welcome :)