Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 31, 2014 at 12:39 pm #343958
    Jamie A

    ShutterLIVING.com

    I would like my logo to look sharp when viewed on an iPhone. (the large logo, not the logo at the top of the page)

    Any hints on the file format i should use (it looks fine on a computer browser)

    • This topic was modified 10 years, 1 month ago by Jamie A.
    October 31, 2014 at 1:47 pm #343992
    Arvish

    Hi Jamie A!

    You could increase the size of the logo by playing around with the max-height value:

    .responsive .logo img {
    max-height: 150px !important;
}

    In terms of image format, I believe your choice of PNG-24 is excellent. You are ensured of both high resolution and transparency.

    Best regards,
    Arvish

    October 31, 2014 at 3:35 pm #344065
    Jamie A

    Do i add this to the Quick CSS?

    October 31, 2014 at 4:22 pm #344092
    Yigit

    Hi!

    Yes, that code should go to Quick CSS field in Enfold theme options under General Styling tab

    Regards,
    Yigit

    October 31, 2014 at 5:06 pm #344157
    Jamie A

    Thanks both of you…

    I have added it to the CSS and have been increasing and decreasing the size but it does not see to change the logo at all?

    any ideas?

    (iPhone and WordPress cache cleared)

    November 3, 2014 at 5:50 am #345077
    Ismael

    Hi!

    You should probably resize the logo first to the size that you want it to show on desktop then upload it as logo again. We can then resize it better on smaller screens. The size of the logo on desktop view is 436 x 116 px.

    Cheers!
    Ismael

    November 16, 2014 at 12:44 pm #351977
    Jamie A

    Dear Ismael,

    Thanks for this, It worked perfectly! I resized to 436 x 116 and now the iphone logo looks very sharp (thanks).
    It did reduce the size of the logo on the iphone, how do I increase the size of the Icon on the phone AND keep it sharp?

    November 17, 2014 at 2:37 pm #352423
    Yigit

    Hey!

    Please add following code to Quick CSS 

    #advanced_menu_toggle, #advanced_menu_hide { font-size: 40px; }

    If that does not help, please post a screenshot and show the changes you would like to make
    Regards,
    Yigit

    November 17, 2014 at 3:38 pm #352458
    Jamie A

    Hey Yigit,

    I think im happy now with the size, but thanks for your ongoing help.
    I’m marking as resolved.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo looks pixilated on iPhone’ is closed to new replies.