Search Results for 'ipad'

[PeterB]

PeterB

#261941

Hi Hannah …

Thanks for responding. Unfortunately this only shows up (sometimes) the first time the site is viewed. I can’t make it repeatable. I usually use chrome on both my Mac and iPad. I just tried Safari on the iPad and the problem showed up, only to disappear after navigating to another page. It all works after that. Several of my testers have reported the same issue, which clears after reloading the page or navigating to another page. I don’t know what computers or browsers they use. Doesn’t help much, I know.

Peter.

[Hannah]

Hannah

#261225

Hmm, I’m not able to replicate this and I don’t have an iPad mini to test. I am seeing your logo stretching farther than the allotted header height at a certain screen size. Try adding this to your custom css:

@media (max-width: 768px) {
.site-header-row-layout-fullwidth>.site-header-row-container-inner>.site-container {
    max-width: 500px;
}
}

Does that remedy this?

Kindly,
Hannah

[Paul Tansley]

Paul Tansley

#261173

Hi

Site is – https://www.staging.tansleyphotography.co.uk

On most devices – the burger menu is in the centre, top to bottom – inline with the logo. It’s only on this old iPad Mini that its shifted down to the bottom and isn’t clickable – but as I want to make this site live soon, it’s a bit worrying that I’ve found a device it’s not working on.

[Paul Tansley]

Paul Tansley

#261091

I’ve been testing out my website on various devices. On all of them the mobile burger menu lines up nicely with the main logo. However, on one device an old iPad mini – it doesn’t. The burger menu is forced to the bottom right corner – and cannot even be clicked to open.

Any ideas how to fix this?

[Paul Tansley]

Paul Tansley

#261091

I’ve been testing out my website on various devices. On all of them the mobile burger menu lines up nicely with the main logo. However, on one device an old iPad mini – it doesn’t. The burger menu is forced to the bottom right corner – and cannot even be clicked to open.

Any ideas how to fix this?

[Ben Ritner]

Ben Ritner

#260319

Mobile browsers don’t like background attachment so you have to manually move it to scroll for mobile browsers.
There is css for this for ipads but it’s not working on the 10.5 screen, works for the 12 and the 9 inch older ones. I’m going to plan an update in the css, for now you can add this:

@media only screen and (min-width: 834px) and (max-width: 1194px)  {
  .kad-slider-parallax .kad-slider .kad-slide {
    background-attachment: scroll !important;
}
}

Ben

[Dave]

Dave

#260162

Hi Karla,

I get this on iPad Pro (2018) 10.5inch screen – iPadOS 14.2 – The problem displays on current Chrome and Safari on all iPads I have tested. I checked my sisters iPad which is about the same era and screen size and does this also. Perhaps it’s specific to 10++ inch screen iPads.

thanks

[Karla]

Karla

#260160

This reply has been marked as private.

[Karla]

Karla

#260159

Hello Dave,

Thank you for providing access to your website.

I also tried viewing your website on an iPad and I cannot replicate the issue on the screenshot you’ve provided(I’ve attached a screenshot on private replay). It is possible that your browser uses an older version of Safari. Please note that most older browsers’ versions are not supported. May I ask what is the browser version you used when you saw this issue?

Regards,
Karla

[Dave]

Dave

#260074

This reply has been marked as private.

[Colin]

Colin

#260063

Hi Ben – well that appears to do the trick – but on my iPhone I do get some weird effects when I’ve clicked an image to scroll down the page, then when I go to roll back up, the page flickers and jumps about before settling back to the place it initially scrolled to.
I’m going to leave this new script there and see if anyone else picks up on that.
I don’t know if you can look and see?
It doesn’t work too well on an iPad, the top part of the target area being lost behind the header.
I’m thinking I should have done this differently!

[Hannah]

Hannah

#260018

Hey Dave,
Thanks for reaching out! I just viewed from an iPad and the slider is showing as it should. What browser are you using? Have you cleared all your cache?

Regards,
Hannah

[Dave]

Dave

#259873

This reply has been marked as private.

[Dave]

Dave

#259872

Hi ,

We have a slide with background image that displays well on all devices (inc. iPhones, android devices, desktops) but iPads (tested with ipad pro 2018 model 10.5inch screen Safari and Chrome) perhaps due to their res/screen / scaling don’t display the background image as intended.

Please advise

[Dave]

Dave

#259872

Hi ,

We have a slide with background image that displays well on all devices (inc. iPhones, android devices, desktops) but iPads (tested with ipad pro 2018 model 10.5inch screen Safari and Chrome) perhaps due to their res/screen / scaling don’t display the background image as intended.

Please advise

[Guillermo]

Guillermo

#258780

Hi CHris thank you for replaying, yes of course. This is how is charging in iphone and samsung(in other deceives runs ok for me), the about image does not come up. in ipad only comes up in vertical position. The other image comes up amplifies and does not move with the scrowling

[Guillermo]

Guillermo

#258711

Hi team, i’m wondering how can I make it to get the responsive work better, specially on iphone/ipad, a few pictures not charging properly

thank you so much in advance!
*Login to see link

[Guillermo]

Guillermo

#258711

Hi team, i’m wondering how can I make it to get the responsive work better, specially on iphone/ipad, a few pictures not charging properly

thank you so much in advance!
*Login to see link

[Anita]

Anita

#258162

Thanks for the explanation Ben, that’s made it very clear.
This happens on iPad and iPhone – both with iOS 13 and now with 14. I tested with Safari, Firefox and DuckDuckGo browser.

I have since decided to change the website design, and I’m not using a full header image anymore. So we can close this topic.
Thanks for the help, Anita

[Anita]

Anita

#257885

No problem Hannah and thanks for the link.
I’ve attached the screen shots from iphone and ipad. Both using Safari. I also tested with Firefox and the view is the same. I emptied the cache several times, deleted cookies etc but no change.
KR Anita

[Ben Ritner]

Ben Ritner

#257476

Hey,
Samsung Galaxy Tab S6 has a css pixel resolution of 712×970. The standard starting width (portrait orientation) for a tablet is 768px (IPAD) and all css media queries are usually based on this. Your grid (build with generateBlocks) uses this 768 as the minimum for tablet layouts to be applied so for that specific device the layout will always show in “mobile” because of it’s css pixel ratio.

You can look at applying custom css if you specifically want to target this device.

Ben

[themes1]

themes1

#256143

Hi Ben,

Thank you for your reply. If it is iOS 10 specific it’s okay. Reason for the iPad not being on a highter OS version is because it isn’t available for that iPad’s gen (iPad 4). I had a feeling that it could be iOS version specific, that’s why I was curious if someone could test it on a later iPad/iOS version.

If it works on newer versions I don’t think it’s a necessity to fix compatibility.

Thank you very much.

[Ben Ritner]

Ben Ritner

#256142

This is specific to IOS 10, which is pretty old now, any reason you are not updating the IPad?
Ben