Alignment wrong on mobile, right on desktop.
-
I’m using version 4.3.1, Minimy theme.
The article on my blog comes out correctly when viewing on desktop, but not on mobile. I have numbered (using
- ) 1, 2, 3, 4. Numbers 2 and 4 (aligned left) come out wrong when looking at the article on mobile, but on desktop looks fine. As far as I can tell, it’s the exact same code as numbers 1 and 3, which are correct on both places. The only difference is that 1 and 3 are aligned right and 2 and 4 are aligned left. You can see what I mean here: http://www.enlightapp.com/blog/iphone-ad-images/
I’ve attached the code below. Please excuse me if my terminology is incorrect when explaining the issue, I’m new.
- <b><img class=”alignright” src=”http://lh3.googleusercontent.com/qvkj7UebnDZXiSqfULIboMWHwlRMnxWCXCRN-BEItaSwKX6KPgvw27KVTN9FHHTFMxchA9gDj7iPs56a3W19wuh7=s1024″ alt=”Apple iMages 2 | Enlight” width=”270″ height=”357″ /><span style=”font-weight: 550; font-size: 18px;”>Ask a friend to be your “hand model.”</span></b>
<span style=”font-weight: 550; font-size: 18px;”>Make sure that they’re not wearing any jewelry or nail polish. When framing the photo on your iPhone, try to shoot on as white a background as possible, with your subject in the center of the frame. If possible to gently illuminate your image from the top, try to do so. Apple ads never go above the elbow – and generally stay only slightly below the wrist – so crop accordingly.</span>
<img class=”alignleft” src=”http://lh3.googleusercontent.com/Ql21F1DW9I6kc29MUTt-uu3FmX1DANElfPPHf29mXXgsW7At6dj5Dm9LLlZcczLeVPRKOB5KNzKw41xu3FxCbkU=s1024″ alt=”Apple iMages 2 | Enlight” width=”270″ height=”357″ />
- <b>Scrub around the image using Brushes > Doodle, to create a truly white background.</b>
Be sure to take advantage of the new “set brush” options in Enlight, which will let you adjust the opacity and size of your brush. For the parts of the background that don’t require much granular white-washing, set your size close to 100. For tighter edits – the ones around the fingers – it helps to adjust to a size of about 20.
- ) 1, 2, 3, 4. Numbers 2 and 4 (aligned left) come out wrong when looking at the article on mobile, but on desktop looks fine. As far as I can tell, it’s the exact same code as numbers 1 and 3, which are correct on both places. The only difference is that 1 and 3 are aligned right and 2 and 4 are aligned left. You can see what I mean here: http://www.enlightapp.com/blog/iphone-ad-images/
- The topic ‘Alignment wrong on mobile, right on desktop.’ is closed to new replies.