images not displaying on most IOS devices

info1185
13 Posts
info1185 posted this 19 January 2016

Hi Guys,
The header image at www.fishstory.co.uk is not appearing on certain IOS devices. Can you help me to resolve this please?
Many thanks,

Jon.

Hi Guys, The header image at www.fishstory.co.uk is not appearing on certain IOS devices. Can you help me to resolve this please? Many thanks, Jon.

Last edited 19 January 2016 by Support Team

background images apple ios
Vote to pay developers attention to this features or issue.
23 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 19 January 2016

Hi,

You have another ticket for this issue and we are investigating it. I'll let you know as soon as there are any results. Meantime could you please avoid duplicating cases.

Sincerely,
Hella

Hi, You have another ticket for this issue and we are investigating it. I'll let you know as soon as there are any results. Meantime could you please avoid duplicating cases. Sincerely, Hella
info1185
13 Posts
info1185 posted this 19 January 2016

Guys,
I posted again as it has been over a week without any kind of a response from you. If I left my clients for more than a week with such an urgent request as this, I'd expect them to try to contact me in another manner!

Let's use this ticket for the issue rather than the other one as this is public and may help other users with the same issue.

Guys, I posted again as it has been over a week without any kind of a response from you. If I left my clients for more than a week with such an urgent request as this, I'd expect them to try to contact me in another manner! Let's use this ticket for the issue rather than the other one as this is public and may help other users with the same issue.
Support Team
Support Team posted this 19 January 2016

Hi,

OK, I'll close another case and will post about the progress here.

Sincerely,
Hella

Hi, OK, I'll close another case and will post about the progress here. Sincerely, Hella
info1185
13 Posts
info1185 posted this 22 January 2016

Hey guys,
What is the progress on this? 11 days and no response?

Hey guys, What is the progress on this? 11 days and no response?
Support Team
Support Team posted this 22 January 2016

Hi,

I'm terribly sorry for the delay. Our developers have investigated the issue and it is related to the fact that you have set the background position to fixed. The background fixed option is not supported in iOS browser and there is nothing we could do about that. There are numerous cases about that over the internet.

Sincerely,
Hella

Hi, I'm terribly sorry for the delay. Our developers have investigated the issue and it is related to the fact that you have set the background position to fixed. The background fixed option is not supported in iOS browser and there is nothing we could do about that. There are numerous cases about that over the internet. Sincerely, Hella
info1185
13 Posts
info1185 posted this 22 January 2016

OK, how do I resolve the problem please?

OK, how do I resolve the problem please?
info1185
13 Posts
info1185 posted this 22 January 2016

It seems strange that the software should offer options that are known not to work?

It seems strange that the software should offer options that are known not to work?
info1185
13 Posts
info1185 posted this 22 January 2016

But if you can help me resolve the problem I would be grateful, I have to achieve the same visual result as you can see when viewing on a non apple device.

But if you can help me resolve the problem I would be grateful, I have to achieve the same visual result as you can see when viewing on a non apple device.
Support Team
Support Team posted this 22 January 2016

Hi,

We can not provide solution for this issue. Maybe you could find some guidelines over the internet like this one:
http://stackoverflow.com/questions/16009035/fixed-position-background-on-ios

It's the Safari issue and they should pay attention to resolving such a problem.

Sincerely,
Hella

Hi, We can not provide solution for this issue. Maybe you could find some guidelines over the internet like this one: http://stackoverflow.com/questions/16009035/fixed-position-background-on-ios It's the Safari issue and they should pay attention to resolving such a problem. Sincerely, Hella
info1185
13 Posts
info1185 posted this 22 January 2016

I think you misunderstand me? I need to find a way to make the page look like this WITHOUT using the background fixed option. Surely there must be a way to make a Themeler design work on an ipad?

I think you misunderstand me? I need to find a way to make the page look like this WITHOUT using the background fixed option. Surely there must be a way to make a Themeler design work on an ipad?
info1185
13 Posts
info1185 posted this 22 January 2016

So can you help me with that please?

So can you help me with that please?
info1185
13 Posts
info1185 posted this 22 January 2016

Further to your advice I have now changed the background image property to scroll instead of fixed but the image is still not showing on IOS devices.

Further to your advice I have now changed the background image property to scroll instead of fixed but the image is still not showing on IOS devices.
team7
18 Posts
team7 posted this 23 January 2016

Guys I just wanted to add that Themler's response here is totally unacceptable. The whole point of a design tool like this is to output cross-browser compatible code. If a feature isn't available on certain browsers then a 'fallback' solution should be in place. Plenty of templates that one can buy have features that work on desktop and are replaced with an alternative on mobile and so on. Obviously manually coding solutions to this for every cross-browser issue that Themler can't be bothered to solve kinda defeats the object of using a complete design solution like Themler.

Guys I just wanted to add that Themler's response here is totally unacceptable. The whole point of a design tool like this is to output cross-browser compatible code. If a feature isn't available on certain browsers then a 'fallback' solution should be in place. Plenty of templates that one can buy have features that work on desktop and are replaced with an alternative on mobile and so on. Obviously manually coding solutions to this for every cross-browser issue that Themler can't be bothered to solve kinda defeats the object of using a complete design solution like Themler.
info1185
13 Posts
info1185 posted this 24 January 2016

Can you help me with this issue please guys? It is not related to the background:fixed issue as you stated. I have now changed the "fixed" value to "scroll" and the issue persists.

I need support with this issue PLEASE?

Can you help me with this issue please guys? It is not related to the background:fixed issue as you stated. I have now changed the "fixed" value to "scroll" and the issue persists. I need support with this issue PLEASE?
Support Team
Support Team posted this 25 January 2016

Hi,

Sorry for the delay. Indeed, the issue still appears on the site. I have contacted our developers and they will investigate the issue further. I'll let you know as soon as there are any news.

Sincerely,
Hella

Hi, Sorry for the delay. Indeed, the issue still appears on the site. I have contacted our developers and they will investigate the issue further. I'll let you know as soon as there are any news. Sincerely, Hella
info1185
13 Posts
info1185 posted this 28 January 2016

Hi guys,
Any news on this please?

Hi guys, Any news on this please?
Support Team
Support Team posted this 29 January 2016

Hi,

Sorry for the delay.

Our developers see that the problem is in the Safari browser that renders your layout not i the correct way . We assume that it a sort of the optimization from the Safari site but in this case it ruins the site.

It can be fixed in the following way:
1. Remove the position:relative; code for the <body> tag
2. Add z-index:0; for the <body> tag

But it may cause another issue: the site might be slow a bit when scrolling the page. So to avoid all that issues we can suggest you using the sections lie this one:
http://templates.themler.com/Themes/Detail/2705109/Page-High-Slider-Header-Learn-english

Sincerely,
Hella

Hi, Sorry for the delay. Our developers see that the problem is in the Safari browser that renders your layout not i the correct way . We assume that it a sort of the optimization from the Safari site but in this case it ruins the site. It can be fixed in the following way: 1. Remove the `position:relative;` code for the `<body>` tag 2. Add `z-index:0;` for the `<body>` tag But it may cause another issue: the site might be slow a bit when scrolling the page. So to avoid all that issues we can suggest you using the sections lie this one: http://templates.themler.com/Themes/Detail/2705109/Page-High-Slider-Header-Learn-english Sincerely, Hella
info1185
13 Posts
info1185 posted this 29 January 2016

Hi Hella,
this now works but can you tell me where in themler I can add additional CSS please? At the moment I am adding in the wordpress .css but this is being overwritten every time I make an adjustment in themler.

Thanks.

Hi Hella, this now works but can you tell me where in themler I can add additional CSS please? At the moment I am adding in the wordpress .css but this is being overwritten every time I make an adjustment in themler. Thanks.
Support Team
Support Team posted this 01 February 2016

Hello,
add custom CSS code under Home >> Settings >> Additional CSS code section:

CustomCSS.png

It is added theme style.css file.

Regards,
Aileen

Hello, add custom CSS code under Home >> Settings >> Additional CSS code section: !CustomCSS.png! It is added theme style.css file. Regards, Aileen
CustomCSS.png
info.annahanna
6 Posts
info.annahanna posted this 03 October 2016

Hi there,
I have the same problem here. I did change the section and I also tried the options you mentioned before, but I just see an empty field on mobile view (iphone). what can I do to make my header be visible on an IOS mobile device?

Kind regards, Hannah

Hi there, I have the same problem here. I did change the section and I also tried the options you mentioned before, but I just see an empty field on mobile view (iphone). what can I do to make my header be visible on an IOS mobile device? Kind regards, Hannah
You must log in or register to leave comments