Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter rose h

    (@rose-h)

    It’s http://ferventwoman.com. I mixed it up, above.

    Plugin Author John Turner

    (@johnnytee)

    Hi,

    You have to use this css to keep the image contained within the page and keep it from cropping parts that don’t fit.

    body {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    }

    There is a property you can set on the pro version if you are not familiar with css. http://www.seedprod.com

    Thanks

    Thread Starter rose h

    (@rose-h)

    Hi John,

    Thank you for the CSS.

    I tried using it and then checked it in four browsers on my Android and it only worked in one (Puffin). It shows up in the other three browsers smaller than a postage stamp. 🙂

    1. Am I supposed to put the Link URL for the .jpg image somewhere in the CSS?

    2. Does the WP theme you choose affect the mobile-friendliness of the Ultimate Coming Soon Page?

    I like your footer credit and will continue to use it as a “Thank you” for the use of the UCSP.

    Thank you again!

    Plugin Author John Turner

    (@johnnytee)

    1. No that css make the image stay contained with the browser so you can see all of it as opposed to part getting cut off. See this article for a better explanation.
    http://support.seedprod.com/article/97-the-background-image-does-not-fit

    Think of it as trying to fit a square through a rectangle, you either have to cut off parts of the square to make it fit and shrink it to fit in the rectangle.

    2. No does not matter.

    Please let me know if you have any more questions.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘mobile responsiveness’ is closed to new replies.