Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 30, 2017 at 4:58 pm #769544
    kjwaggz

    Hello there,
    Wanted to see if I could get some guidance on resolving some iPad issues. Hoping these are just some settings within these elements that I missed and not require CSS:

    Pricing

    The second column of content seems to be squeezed in on the iPad view

    https://snag.gy/aiBVJq.jpg

    Our Team

    The image is being cut off, and the text wrapping appears to be off.

    https://snag.gy/juoSWv.jpg

    Thanks as always for the great support.

    March 30, 2017 at 5:23 pm #769551
    Jordan Shannon

    Hey kjwaggz,

    For the first site add the following to quick css:

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {

    .flex_column.av_one_third {
    padding: 15px 10px 0px 10px!important;
    width: 47%!important;
    }

    }

    Let me know if this works

    Best regards,
    Jordan Shannon

    March 30, 2017 at 5:43 pm #769559
    kjwaggz

    That worked great, thank you Jordan.

    On the iPad view for this pricing page, it shows the Square Feet and cost in 2 columns. This is ideal.

    Would another CSS fix be needed for this to appear this way on iPhone? The pricing grid is all 1 row, instead of the Sq. Ft being in column 1, and Price being in column 2. Hope that makes sense.

    https://snag.gy/kO7pu8.jpg

    March 30, 2017 at 6:31 pm #769566
    Jordan Shannon

    Hi,

    I think  that would be a tough one to solve through the forums, as the table cells are coded to break to 100% width on the phone.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.