[Resolved] Behaviour on ipad

[Ted]

Hi Tom,

My site is behaving strange on an ipad / iphone. I’ve got the disable mobile activated. Bu don’t know why header, which is fixed keeps behaving strange on opening the site.

Hope you have a solution for me.

Thanks in advance!

Ted
http://Www.16weken.nl

[Tom]

Hi there,

Since your header is so tall, it may be a good idea to disable the fixed header on iPads.

@media screen and (max-width: 768px) {
      .custom-fixed-header {
            position:relative;
            width: auto;
      }
}

Let me know if that solution doesn’t work for you 🙂

[Ted van Vliet]

Hi Tom,

stays the same. i ve put the code in css. bus problem stays the same.

ted

[Tom]

Just played around with it on my iPad – you can most likely remove the code I provided.

I’m guessing that initial glitch before everything is fine is caused by MetaSlider in the header initializing. Can you test with a regular header?

[Ted van Vliet]

Hi Tom,
I did remove the meta slider and put a single image in the head. Does not solve the problem. Tested it in Chrome on ipad too.

container is 900 px, sidebar is 35%

could be something in the footer widgets too???

Hope you can help me…

Thnx Ted

[Tom]

Hmm, that’s super weird.

The little glitch only seems to happen for a second before correcting itself.

Can we try temporarily removing meta slider from the footer?

If that doesn’t work, maybe try removing the twitter widget from the sidebar?

I’m suggesting these two because they initialize around the same time the site snaps back to normal.

Let me know – we’ll figure it out 🙂

[Ted van Vliet]

Hi Tom,

The YM Twitter feed plugin caused the problem. I will find another plugin to show the Twitter feed!

Thanks for your support!

Ted

[Tom]

Glad we found the problem! 🙂

[Author]

Posts