Mobile version of site shows text perfectly but on actual device text is off?

Social Media

• May 26, 2020 02:51

When I view the mobile version of my text it looks fine in the Brizy editor, however when viewing the page on actual IOS device, the text is off.

 

Brizy Editor:

 

 

IOS:

 

Please advise how to fix

 

Cheers

0

• 

  Sandra Prunici

  • May 26, 2020 09:32

  Hi,

  Could you try to delete the space around the "this" and "unbelievable" words and after this add them again? Also, could you please send to us the URL of the site to check it on our iOS mobile devices?

  Thanks!

   

  Best regards,

  Sandra

  0
• 

  Social Media

  • May 26, 2020 22:41

  Tried that Sandra to no avail

  https://comestayatours.nz/raglan-glass-house/

   

   

  0
• 

  Social Media

  • May 26, 2020 23:05

  Also on another staff members android device the images on our homepage don't align.

  Seems as if there's a discrepancy between different devices with Brizy?

  

  0
• 

  Sandra Prunici

  • May 27, 2020 07:58

  Hi,

  Thank you for these details.

  I checked the site and find that the text you show us that isn't displayed correctly in the mobile version, is added in 3 different paragraph elements. I can't say exactly if you added each sentence in a different paragraph element, or if you click on "Enter" to go in a new row, but no matter which method did you used, each sentence is placed in a different paragraph. For this reason, on the mobile, when the first sentence ends to leave 1-2 words in a line and after this to start the second sentence. The alignment is made based on the paragraph and in HTML the paragraph element is a block element. To fix this inconvenience I can suggest not adding the text in 3 paragraphs or click on "enter" but add padding-left and padding-right. Another solution is to go to the mobile mode of the builder and edit the text as you want to be displayed for these devices https://jumpshare.com/v/f52HgC4LzUIR3Jia0yzH. 

  Regarding the second inconvenience - you encounter the page as nonaligned because the length is different for those paragraphs https://jumpshare.com/v/XrExUVQBzpBYIQmYoaQE this means that the first paragraph is a bit longer than the second one and for this reason, it doesn't fit in one line and needs one more. To fix this inconvenience I suggest going to the mobile mode of the device and adjust the paragraph to fit in a single line.

   

  Best regards,

  Sandra

  0

Please sign in to leave a comment.