Home Forums WoodMart support forum Not displaying correctly on iPad

Not displaying correctly on iPad

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #170506

    Tamara
    Participant

    It has just come to my attention that my pricing page (the most important one) is not displaying responsively on an iPad both in portrait and landscape modes.

    Some of the headings are being cut off in what appears to be behind background images. (see attached). On mobile and desktop they are fine.

    Also, 2 of the background images are missing from the iPad view however are visible on mobile and desktop. (see attached)

    Attachments:
    You must be logged in to view attached files.
    #170570

    Hello,

    Your problem is resolved. Now your pricing page which you shared working just fine and the headings area also not cutting off in iPad screens. I used the below CSS code in Custom CSS for tablet from theme settings >> custom CSS:

    .height-col #wd-5e170ebf80024 .woodmart-text-block {
        line-height: 50px;
        font-size: 37px;
    }
    .height-col #wd-5e170e6c48cb0 .woodmart-text-block {
        line-height: 50px;
        font-size: 30px;
    }
    .height-col #wd-5e2e6e018b922 .woodmart-text-block {
        line-height: 50px;
        font-size: 38px;
    }
    .height-col #wd-5e2e6e154ab13 .woodmart-text-block {
        line-height: 50px;
        font-size: 29px;
    }
    .height-col #wd-5e17113227d6f .woodmart-text-block {
        line-height: 50px;
        font-size: 32px;
    }

    Video for clarification: https://jmp.sh/odv6Kbq

    Kindly clear your site and browser cache and then check back now.

    Best Regards.

    #170587

    Tamara
    Participant

    Thanks however it is still partially hidden when I rotate the iPad to landscape mode

    #170588

    Tamara
    Participant

    Also, I noticed in portrait mode the headings you corrected that weren’t displaying properly are now displaying smaller than the others which doesn’t look appealing, can you please made the others the same size so they all flow?

    #170606

    Most Welcome,

    1) I have test your site at https://www.responsinator.com/ and even in the iPad landscape mode those headings shown perfectly fine.

    Screenshot for clarification: https://ibb.co/7QNzcrk

    Please clear the cache and check back. This will surely fix the issue. Sometimes its cache issue that’s why its not loading partially.

    2) Kindly share the screenshot for those sections where the headings is bit greater and you want to display it smaller as like others.

    Best Regards.

Viewing 5 posts - 1 through 5 (of 5 total)