Hello! I'm using Artion (Default) on www.josep.at. Unfortunately the Logo on the home page (animated) is pixeld on smaller screens like iPad. Please see screenshot via Wetransfer:
https://we.tl/t-zH7CF5njCf
What can we do about this?
Thanks!
Mia
Awaiting an answer
Templates
Artion Template Logo Problems
22 replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please check? I cant access your site.
-Regards.
Mia Asked this
Hello, I think it's the firewall. Could you check with josep.lautundluisa.at? It's the same site.
Thanks! Mka
Mehtaz Afsana Borsha Staff
Isn't it ok?
Mia Asked this
No, it's the logo before scrolling. Did you check on an acutal iPad? It works fine on desktop but not on tablets… Actually the same error occurs on your demo version – if you open this one: https://www.joomshaper.com/joomla-templates on an iPad.
What can we do about it?
Thanks!
Mehtaz Afsana Borsha Staff
Are you talking about this? Isn't it ok?
Mia Asked this
No, it's not. As described before, please use an actual iPad to see the problem. It works fine on desktop devices even on tablet breakpoint. But not on actual tablets. Could you please try again and talk to the developer team? I think this needs a fix asap as it will occur on any website using Artion.
Thanks!
Mehtaz Afsana Borsha Staff
Could you please give me a screencast of your issue? So that I can inform our team.
Mia Asked this
Hello, of course. Please find it via wetransfer:
https://we.tl/t-vltnG1Dawc
Please note that the exact same problem occurs on the demo version of Artion template.
Thanks!
Mia
Mehtaz Afsana Borsha Staff
Could you please give me your super admin access on the hidden content?
Mia Asked this
Of course.
Mia Asked this
Hello, any news?
Pavel
3 years ago
· edited
Hi Gudrun.
This problem has nothing to do with Joomshaper products. It belongs to the field of knowledge of graphics and screens. For devices with x2 pixel ratio , what are Apple devices requires images one and a half to two times bigest for high-quality displaing. Or images in SVG format.
Just redraw your logo in SVG using Adobe Illustrator or any other vector editor.
--
Hi Mehtaz. You should know such simple things and understand them from the first user appeal, instead of asking for access, which will not decide anything. Increase the quality of your work. 1 week to solve such a simple issue, in my opinion it is inconceivable
Mia Asked this
Hello Pavel, thanks for your answer.
Could you tell me then why the same problem occours on the demo version of Artion as well? (Using an iPad).
I just changed the logo to a svg but then the logo is not shown at all: https://josep.lautundluisa.at/
Any tip how to set the svg logo?
(I also tried to upload a very high quality png as logo image but it's still pixled on iPad.)
Thanks!
Pavel
Could you tell me then why the same problem occours on the demo version of Artion as well? (Using an iPad).
Because there is an image of the same insufficient size or format.
I just changed the logo to a svg but then the logo is not shown at all: https://josep.lautundluisa.at/ Any tip how to set the svg logo?
Set image width in addon settings
Mia Asked this
Hey Pavel.
Thanks for your anwer. Setting image with in addon settings did show the logo – thanks a lot!! BUT even now (it's svg and very high quality) the logo is pixled on iPad. :-(
What can I do?
Pavel
3 years ago
· edited
Hi. Clean the browser cache in iPad. I think it is still showing you PNG from the cache. And replace site logo in Helix settings to SVG too
Mia Asked this
Hi,
thanks for your answer. I cleared Joomla and Browser Cache and replaced the logo in template settings. It's still pixled, I'm sorry.
Can you check again please? Thanks!
Pavel
There are no more ideas. SVG should work well. On the side of the site there is nothing more that you can do with it
Mia Asked this
Hey Pavel, thanks for your answer.
I appreciate your help a lot and your latest answer left me unsatisfied. As I did everything as you described and the same problem occours on demo version I wish you could check again if there is anything we could do. It's an important client website that can't stay like this.
There is only one alternative I could think of: Blocking logo animation for tablets like on mobiles. Any idea how I could achieve that?
Thanks!
Pavel
3 years ago
· edited
Hi Gudrun.
Perhaps you are right. The transform property that is used in the animation can distort elements. Try turning it off and check.
I can't check. I do not have iPad and I am not an employee of JoomShaper. I helped you all were able to.
Blocking logo animation for tablets like on mobiles. Any idea how I could achieve that?
You shold use css for this purpose to hide the image addon and display standart site logo on iPad.
To target your css to specific iOS devise you should use spesific media queries. Google "media queries for ipad"
Mia Asked this
Hey Pavel,
thanks again for your answer. Didn't know that your not hired by Joomshaper, sorry for that. As I think this is a bug that needs to be fixed by the developer team: Any idea how I can reach them?
Thanks!
Mia
Pavel
Hi Gudrun.
This is not a bug, so it cannot be fixed. This is how CSS Transform Property works. The iPad has too detailed resolution. There you see what is not noticeable on ordinary screens.
Just hide this for the iPad using CSS.
Log in to reply.