iPad Fancy Header issue

[OvenCreative]

Hello,

We are having issues with page titles in the fancy header being cut off on iPad. The issue occurs when the iPad is in landscape mode.

Any advice you can offer would be awesome.

Thanks for the great theme!

[David Martin – Support]

Hey,

Could you add a screenshot so I can reference this?

Thanks.

[OvenCreative]

Hi David, please find screenshot attached.

Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
It seems fine to me so please check with another device.
Thanks 🙂
With Best Regards
Mohammad

[David Martin – Support]

I also see this as displaying fine – what iPad are you using?

– Could you clear your iPad cache?

Cheers.

[OvenCreative]

Hi Mohammad, David – thank you for your replies.

I have managed to get it working as it should by using the css below…

@media only screen and (max-width: 1024px) {
.page-heading.fancy-heading {
padding-top: 0px !important;
padding-bottom: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.page-heading.fancy-heading {
height: auto!important;
}
.header-naked-light .fancy-heading .heading-text, .header-naked-dark .fancy-heading .heading-text {
padding-top: 0px;
padding-bottom: 20px;
margin-top: 0!important;
}
}

So it’s all sorted for now. If anything else pops up, I’ll get in touch!

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad