Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 19, 2016 at 10:22 am #674635
    PatrickKenny1

    Hi.

    I’ve made a website with Enfold and it looks good on a desktop.

    When I look on iPad it only shows part of a page, so some of the text on each page is missing. It’s like the page isn’t made smaller for ipad, it only shows about 50% of the page.

    I had a look on a Kindle Fire and it looked ok if held upright but if I held it the other way around it didn’t show all the words on a page.

    Seems to look fine on an iphone.

    A colleague has just looked on her desktop and it’s not showing all the words on a page either.

    Website – http://meditationinblackpool.org.uk/

    Thanks!

    August 22, 2016 at 1:42 pm #675714
    Yigit

    Hey PatrickKenny1,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.slideshow_caption {
    width: 100%;
}}

    Best regards,
    Yigit

    August 22, 2016 at 4:23 pm #675859
    PatrickKenny1

    Hi.

    Thanks.
    I’ve put that code in the Quick CSS box but I don’t think it’s had an effect.

    This morning, before I got your reply I made the text smaller so it can now be read on an ipad. However the pictures do not show up fully, it only shows a part of each picture.

    I don’t understand about a child theme, do I need to do anything with that?

    Any other suggestions?

    Cheers.

    August 22, 2016 at 5:00 pm #675875
    Jordan

    Hi,

    Disregard the reference to the Child Theme, doesn’t seem like you are using one.

    Could you please provide login details to your site, so that we can have a closer look. You can place the information in the Private Content section of your reply.

    Best regards,
    Jordan

    August 22, 2016 at 5:29 pm #675904
    PatrickKenny1

    ok see below, thanks

    August 25, 2016 at 4:53 am #677315
    Ismael

    Hi,

    Adjust the position of the slider image with the following css code:

    @media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: center center !important;
}
}

    Remove browser cache or hard refresh the page.

    Best regards,
    Ismael

    August 25, 2016 at 12:19 pm #677461
    PatrickKenny1

    Hi.

    Thanks.

    I’ve done that but the problem is still the same – I’ve put the text in and done the removing of the browser cache on both the desktop computer and the ipad.

    The problem is viewing it on an ipad – the pictures don’t become smaller so you only see about half of each picture on each webpage.

    Any other suggestions?

    Cheers,

    Patrick

    August 29, 2016 at 3:14 pm #678964
    Andy

    Hi,

    the code Ismael sent to you works on mobile only (see media queries he used). For iPad adjust it to something like: 

    @media only screen and (max-width: 1024px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: center center !important;
}
}

    For more information about media queries refer to: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

    August 30, 2016 at 6:33 pm #679618
    PatrickKenny1

    Thanks!

    August 30, 2016 at 8:33 pm #679662
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘iPad display problems’ is closed to new replies.