Image's full width and spacers don't appear in site's mobile version

• 

  modatherabozaid · Member · Aug 28, 2019 at 9:10 pm

  • Copy link
  • Add topic to favorites

  Alslamu Alikum..
  Today i added an image with a full width setting yet for some reason it appears only as a full width in both desktop and tablet previews yet not mobile as it seems to be aligned to the left instead as it shows in the following screenshots:
  – issue screenshot – mobile version full width image

  – full width set correctly – tablet version

  – full width set correctly – desktop version

  Even though it appears as a full width correctly in the mobile’s web block editor using Chrome:
  – full width set correctly – block editor

  And the same issue happens with “spacer” as it appears correctly in the desktop, tablet and mobile web block editor it doesn’t exist in the mobile preview at all and the space between the blocks are removed yet it still exists in the block editor when i go back to it.

  I would really appreciate it if you would tell me how to fix it en shaa Allah.

  Thank in advance. Have a great day en shaa Allah.

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

• 

  fstat · Staff · Aug 29, 2019 at 1:27 pm

  • Copy link

  Hi there,

  Can you please upload the screenshots to your Media Library so I can have a look?

• 

  modatherabozaid · Member · Aug 29, 2019 at 1:53 pm

  • Copy link

  Alslamu Alikum @fstat

  Sure en shaa Allah, that’s all of it:
  Media library screenshot

  Thanks for following up on it. Have a great day en shaa Allah.

• 

  staff-blorbo · Staff · Aug 29, 2019 at 6:29 pm

  • Copy link

  Hm, ok I see what you’re referring to in the screenshots.

  Can you give me a link to the post with the problem? I’m not able to track it down for some reason.

• 

  modatherabozaid · Member · Aug 29, 2019 at 8:27 pm

  • Copy link

  Alslamu Alikum staff-blorbo

  Actually since i’m having the issue with the image i decided to wait and not to publish it till it’s fixed so i kept it as a draft, it’s a page not a post [if that makes a difference].

  Do you want me to publish it and get you the page’s link or you can access it in draft’s section?

  This is a link to it in draft i copied from the browser yet i’m not sure if it will work for you: draft page

  Anyway if it didn’t please let me know and i will publish this page and get you its link en shaa Allah.

  Thank you for following up with me on this issue. Have a great day en shaa Allah.

• 

  staff-blorbo · Staff · Aug 29, 2019 at 9:26 pm

  • Copy link

  I see you have the Image Block size set as “Large” currently.

  Would you please try “Full Size” instead? https://en.support.wordpress.com/wordpress-editor/blocks/image-block/

• 

  modatherabozaid · Member · Aug 29, 2019 at 9:37 pm

  • Copy link

  I changed it now to full size yet unfortunately the issue persistent.

• 

  supernovia · Staff · Aug 30, 2019 at 12:41 am

  • Copy link

  Hi @modatherabozaid, we’ve confirmed this is a recent bug in the theme, and have a bug report filed — just to confirm though, did this just start happening for you?

• 

  modatherabozaid · Member · Aug 30, 2019 at 12:55 pm

  • Copy link

  Alslamu Alikum @supernovia, thank you for confirming and reporting this one. I really appreciate your help.
  Honestly this was the 1st time I use a full width image or spacer block as you can tell i’m still new to this and still experimenting so to speak. So i’m not sure if this bug was there all along or it was something new to the theme i’m using i’m sorry.

  I hope you also included the issue of spacer block as well in the bug report en shaa Allah.

  I really can’t thank you enough. Have a pleasant day ahead en shaa Allah.

• 

  supernovia · Staff · Sep 25, 2019 at 5:08 pm

  • Copy link

  @modatherabozaid just noting the issue with image width on mobile is resolved. Let us know if you need more help on that issue.

• 

  modatherabozaid · Member · Sep 25, 2019 at 6:04 pm

  • Copy link

  Alslamu Alikum @supernovia,

  Thank you for following up on this. Unfortunately i have just tested it and the issue still present as you can see in this screenshot.

  So i’m not sure what’s wrong.

• 

  staff-zinnia · Staff · Sep 25, 2019 at 6:37 pm

  • Copy link

  I can’t load that screen shot. Can you add it to the site’s media library for us?

• 

  modatherabozaid · Member · Sep 25, 2019 at 8:23 pm

  • Copy link

  Alslamu Alikum staff-zinnia,

  I have uploaded the screenshot to the site’s media library now.

  Also Here it is on Google drive: screenshot

  Please let me know if there’s anything else i can do to help en shaa Allah.

• 

  supernovia · Staff · Sep 25, 2019 at 9:40 pm

  • Copy link

  Hmm, thanks. I was able to duplicate it again too. We’ll check back with the developers.

• 

  modatherabozaid · Member · Sep 26, 2019 at 1:24 am

  • Copy link

  That’s kind of you to do @supernovia, thank you :)

• 

  workedout2 · Member · Sep 29, 2019 at 4:10 pm

  • Copy link

  Hello everyone – I am also having the same issue. I take it the issue hasn’t been resolved yet? Thank you

• 

  modatherabozaid · Member · Sep 29, 2019 at 7:45 pm

  • Copy link

  Alslamu Alikum @workedout2, no it’s not fixed yet but hopefully soon en shaa Allah.

• 

  naderishak · Member · Sep 30, 2019 at 8:54 am

  • Copy link

  Hello all,

  I’m also facing the same issue with my website (dailylives.net/about) specifically with the cover images.

  I desperately need a fix…

• 

  staff-mckluskey · Staff · Sep 30, 2019 at 10:12 am

  • Copy link

  Hi @naderishak, it looks like your site might have a different problem, please reach us via Live Chat from https://wordpress.com/help/contact so we can have a look.

• 

  modatherabozaid · Member · Oct 6, 2019 at 1:49 am

  • Copy link

  Alslamu Alikum.. I have noticed today that the issue of Image’s full width was fixed Alhamdu llah so i just wanted to say thank you for your help.

  I wish you all the best. Have a pleasant day en shaa Allah.