text alignment inconsistent on mobile screen despite same coding

  • Hi,

    When accessing the page from a mobile screen (OnePlus 5T), the first few letters of the text for the following photos appear vertically next to the photo instead of being horizontal underneath like the other photos:
    – Laurie Almond
    – Jack Sheu
    – Slaven Badura
    – Emily Milward

    Can someone help me please? I have rewritten the coding, deleted and redone the photos and text and the same thing happens.
    It doesn’t show on the mobile viewing of the appearance tab but does on the phone. Happy to provide a screenshot also.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 16 through 17 (of 17 total)

  • where you have &lt & &gt quotes there actually it should convert it to < & > signs but dont know why its now converting.
    Alternatively, just remove it from page editor and navigate to Appearane->Editor and edit style.css & at the end of the file just place the code below

    
@media screen and (max-width: 479px) {
 	.page-id-409 .blog-post-title-wrapper img.alignleft{
		float:none;
	}
}

    without <style> tag. This should work.

    Thread Starter antypantyhose

    (@antypantyhose)

    I’ve entered it into the style.css page but nothing’s changed unfortunately. The text positions remains unchanged.

Viewing 2 replies - 16 through 17 (of 17 total)
  • The topic ‘text alignment inconsistent on mobile screen despite same coding’ is closed to new replies.