Display problem iPad

I have uploaded a couple of screenshots relating to my site viewed on a iPad

In landscape mode I only get three header columns in line with the fourth below (android tablet displays correctly?)

In portraitmode you get one column with three headers and the the bottom one has two. Also in the footer one and two merge into each other in portrait mode

Any ideas?
swimclinic.school

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.columns .one_fourth {
    float: left;
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.footer-container .common.left {
    margin-left: 0;
    padding-right: 0;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks for that but nothing has changed?

 

Would you please deactivating all plugins to see if this resolves the problem. If this works, re-activate the plugins one by one until you find the problematic plugin(s).

Hope it will resolve your issue

Thanks & Regards!
Priyanka
InkThemes.com

 

Tried that, nothing changed unfortunately

 

Hello,

To determine and fix the issue, we need to access your dashboard.

So, send us your website WordPress login details at [email protected] along with the thread link.

Your Website URL:
WordPress Username:
Password :

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Email sent

Thanks

 

Thanks for the details...

We will get back to you soon...

Your patience will be appreciated,

Thanks & Regards!
Priyanka
InkThemes.com