Retina Logo Aspect Ratio

southhillsmarketing · January 2016

This is as much for the Be Theme developers as it is for other users who may have encountered the same issue as I have. First, you need to see our logo and how it is meant to appear:

We just launched our Be Theme website just before Christmas. Very shortly thereafter, we discovered that when certain browsers are resized, the logo is stretched/compressed outside of its aspect ratio. See below for example:

My boss and I finally narrowed down the issue: we've discovered that this is an issue happening on retina displays. When the optional retina logo exists in the Be Theme settings, there is code embedded in the page source to display the retina logo file at the following ratios in the responsive CSS: 225x60, 450x90, and 338x90. Removing the optional retina logo from the Be Theme settings solved the problem by forcing retina displays to use the (smaller, lower res) standard logo, which for some reason isn't coded in the same way in the page source to display specific sizes.

Were the developers previously aware of this and are (will) it be fixed so I can use the retina logo again? Thank you for your time.

Albert · January 2016

Hi,

the images you sent above, does not work for us. Would be great if you can send us images thru any online tool like http://pasteboard.co/

southhillsmarketing · January 2016

Hi, thanks for getting back so quickly! Let me try again...

Our original logo: http://pasteboard.co/N1sqWCF.png

The screenshot with distorted aspect ratio: http://pasteboard.co/N1mveDr.jpg

On a related note, this is the second time you were unable to access links to our website. May I ask in what country you are based? I think I need to speak with our Network Administrator to find out why you're unable to access our site. Thanks again!

Albert · January 2016

Thanks for the images. However, can you send us link to page where you got this problem with logo as well?

BTW We are based in Poland. But we also asked our college from the UK because he was available online, he did checked your links for us and confirmed that links are loading for him as well with no result. As a proof, we attach the screenshot of what is happening exactly.

southhillsmarketing · January 2016

Oh, I'm sorry, I may not have been clear earlier. I removed the retina logo to eliminate this from happening. So the screenshot is the only example I have. Do you need me to request permission from my boss to restore the retina version for troubleshooting purposes?

This issue appeared on every page at www.southhills.edu prior to the removal of the optional retina logo.

Thank so much for letting me know where you are based. We host our site ourselves, and I believe that (since we're a small post-secondary school) there are blocks in place that may be affecting your ability to see us. I will try to determine exactly what that cause is and hopefully get a resolution.

Albert · January 2016

It's because of the limits on your server. More details about that you can read on http://forum.muffingroup.com/betheme/discussion/7689/muffin-builder-items-or-page-options-can-not-be-saved-max-input-vars

southhillsmarketing · January 2016

I spoke to my boss and there is indeed a firewall blocking your access to our site. He has opened the firewall to Europe to permit your access to our site. I have restored the retina logo and kindly ask that you take a look ASAP because he wants to lock the firewall back down this weekend. Thank you again.

http://www.southhills.edu/

In the meantime, I will read the contents of the thread you posted.

Albert · January 2016

Thanks. The link works now so we were able to check it. However, we did not noticed anything wrong with the logo. The logo looks fine on smaller devices what you can see on http://pasteboard.co/OtkctvJ.png - we checked on computer and on mobile devices of course.

southhillsmarketing · January 2016

Have you looked at it using a retina display? My boss has a retina display Mac, and that's how we discovered this issue. He was looking at the site on a retina display with the browser minimized to almost a mobile view.

Albert · January 2016

Yes, we did checked on MacBook PRO, iPad and iPhone (all with retina displays) and like we said, we did not noticed anything wrong. The logo looks just like on the screenshot we gave you already above.

southhillsmarketing · January 2016

Interesting!! I will let my boss know. Thank you very much for looking into this.

Albert · January 2016

No problem.

Retina Logo Aspect Ratio

Comments

This website uses cookies