Responsive template too small on iOS

Votes

Undo

I'm using the Enterprise template for a client. A couple of months ago I developed a website, which was taken online today. During development we tested the site to make sure everything was okay. Now that the site is live the template is very small on an iPhone. Nothing has changed since the testing, with exception of an update from Joomla and a new iOS version.

Can you help me please?

I have added some images:

Responses (3)

twisterking

Accepted Answer Pending Moderation

Votes

Undo

Small update:

I use a custom css code to put the logo to the left of the template. When I remove this code the mobile display is fine, but I need to have the logo on the left. The code that's inserted is:

.logo_container {

    margin: 0 auto;

    text-align: left;

    width: 1140px;

}

I think that iOS 9 is not okay with this custom css. We had no problems with iOS 8. I also see some fields to have custom css for mobile devices. Can I put something there to override the custom css?

more than a month ago
Commercial Templates
# 1

ciaran

Accepted Answer Pending Moderation

Votes

Undo

Hello

To resolve try also adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 1140px) {

.logo_container {

    width: auto;

}}

Ciarán

more than a month ago
Commercial Templates
# 2

twisterking

Accepted Answer Pending Moderation

Votes

Undo

As always... your solution worked like a charm!

Thanks a lot!

more than a month ago
Commercial Templates
# 3

Page :
1

There are no replies made for this post yet.
Be one of the first to reply to this post!

Please login to post a reply

You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »

Forgot Password?

Responsive template too small on iOS

Site Links

Recommended

Join Our Newsletter