Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 21, 2015 at 4:07 pm #506495
    ibsafe

    Hello,

    The text bullet points are jumbled and overlaying each other on the ipad.
    Here is the link to the site: http://www.9010formation.com

    It is 1/2 way down the screen in the “key focus areas” section.

    What do I do to fix this?

    September 21, 2015 at 4:24 pm #506500
    Elliott

    Hi ibsafe!

    It’s because your using one fourths there with the left and right one empty. Try using the grid row element with just two cells instead.

    Cheers!
    Elliott

    September 21, 2015 at 5:31 pm #506550
    ibsafe

    Hi Elliott,

    Thank you for the reply. I am not actually using 1/4 there…I am using 1/3 and there are 3 sections.

    The section you are referring to renders correctly….its a little farther down the page in the “Key Focus Areas” section.

    Thank you for the help!

    September 21, 2015 at 5:43 pm #506557
    Elliott

    Hey!

    It looks fine on my end though I don’t actually have an iPad to test on. The only problem I noticed was with the 90% / 10% section.

    Can you take a screenshot and highlight what your seeing on the iPad?

    Cheers!
    Elliott

    • This reply was modified 9 years, 3 months ago by Elliott.
    September 21, 2015 at 5:48 pm #506563
    ibsafe

    I have a screenshot. How do I attach it to this post? Should I just email you the attachment?

    September 21, 2015 at 5:54 pm #506568
    Elliott

    Hey!

    You can click on the “img” button in the editor and paste the URL to your image. You can use a image hosting service such as imgur.com to host it.

    Regards,
    Elliott

    September 21, 2015 at 5:57 pm #506573
    ibsafe

    Here is the screen shot.

    September 21, 2015 at 6:19 pm #506590
    Elliott

    Hi!

    I see what you mean. I don’t know if there is anything we can do about that though. There just isn’t enough space there.

    We could set the overflow to visible instead of hidden like so.

    article, article * {
    overflow: visible !important;
}

    But then the headings will display beneath the icon. Would you like to try reducing the font size?

    Regards,
    Elliott

    September 21, 2015 at 6:22 pm #506593
    ibsafe

    Yes I would like to reduce font size. How do I do that?

    September 21, 2015 at 6:35 pm #506604
    Elliott

    Hey!

    Try adding this to your custom CSS.

    @media screen and (max-width: 900px) and (min-width: 767px) {
h3.iconbox_content_title {
    font-size: 11px !important;
}
}

    You may need to play around with the max-width and min-width values depending on the screensize of your iPad.

    Regards,
    Elliott

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