main header misbehaves in iPad

[Pau]

Dear TECPRO,

When browsing on the iPad, and trying to zoom in any of the pages, the main header becomes huge and on top of the content

Any idea how to fix that?

Many thanks in advance

[Geoff B.]

Good afternoon Pau and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the main header becoming huge while zooming on the iPad.

I went ahead and checked your website with my own iPad and it turns out you are absolutely right. That being said, that is true of any page on your site, not just the calendar ones.

So it looks like this is a question for your WordPress theme author.
With that in mind, I believe what might not be helping is the z-index of the header:

#main-header {
z-index: 99999;
}

With that in mind, could you tell me which version of Divi you are using ?
I am asking because I cannot seem to reproduce the issue on my install.

Best regards,

Geoff B.

[Geoff B.]

Hi again Pau,

Before I forget, there are 2 other things that might not be related, but that are worth checking:

1. I notice that you are using an older version of PHP. I would highly recommend upgrading to PHP 5.4+
2. It might also be worth upgrading our plugins to their latest versions.

Have a great day!

Geoff B.

[Pau]

Hi Geoff, yep, you are right

This is more likely to be a theme issue, sorry about that. I really appreciate your interest and answers anyway.

Happy 2017!

[Geoff B.]

Good evening Pau,

Best of luck on figuring out why your header is misbehaving with this specific Divi configuration.

As pointed out earlier, the good news is that all other Divi installs I have seen do not face that issue. So I am pretty sure it is fixable (probably via CSS).

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts