Page 1 of 1

Blog display on mobile

Posted: Sun Sep 13, 2020 3:25 pm
by Lfrailey173
Many of our blogs are not displaying correctly on mobile when there is a bullet point list. The first word of the top bullet point is displaying up or down in the closest image. All images are set to “responsive”. How do we fix this?

Here’s an example

The word “poor” and the word “avoid”
27911171-0AF4-414F-AC49-BB614CF3F330.jpeg (369.77 KiB) Viewed 1164 times
E645AFDB-77ED-4AC5-A144-FD1AAF9A1BCD.jpeg (402.13 KiB) Viewed 1164 times

Re: Blog display on mobile

Posted: Tue Sep 15, 2020 11:25 am
by Kathlein
I have tested this page on Android phones and desktop browsers such as Chrome and Firefox. The page displays correctly on all of these devices except for iPhones.

It is common that web pages will look different on different browsers and operating systems, you can learn more about this in this article: ... wsers.html

You are welcome to try different spacing, positioning, and possibly even using an HTML table to layout your page - and then test it in different web browsers until you achieve the desired results.

Re: Blog display on mobile

Posted: Tue Sep 15, 2020 12:18 pm
by Lfrailey173
We are aware that a page may display slightly different but to have the words on a line not display at least together on the same line is something that we have never experienced. So just to be clear the blog system in our AllPro console is not compatible with display on iphone?

We tried the HTML table in another blog and it completely distorts even on desktop on Chrome and Firefox. We asked for help on how to fix and what Brad suggested does not work , we replied back in July and no one has got back to us on how to resolve.

Since you all are the experts with how your software works could you please be a little more helpful with suggesting exactly what type of different spacing would you recommend for the bullet point list in order to get it to display on the same line and not broken into the image? How should be space the bulleted list?