Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #24097

    I read online that a retina ready image is essentially double the size (i.e. 300×100 = 600×200). Given this information, I uploaded a main logo that is double the size and all it did was add a huge logo in that spot. Is there a way for me to have it display at 50% always or what would be the best way for it to work on regular and retina system?

    Perhaps some quick css will fix this?

    Thanks!

    #122311

    Hi,

    Edit framework > php > function-set-avia-frontend.php, find this code

    if($logo = avia_get_option('logo'))
    {
    $logo = "<img src=".$logo."/>";
    $logo = "<$headline_type class='logo'><a href='".home_url('/')."'>".$logo."$sub</a></$headline_type>";
    }

    Replace it with

    if($logo = avia_get_option('logo'))
    {
    $logo = "<img src=".$logo." alt='' width='300' height='100'/>";
    $logo = "<$headline_type class='logo'><a href='".home_url('/')."'>".$logo."$sub</a></$headline_type>";
    }

    We specified the width and height of the logo. You need to upload a logo with 600×200 dimension. Upload the logo then select the fullsize thumbnail. It will still be 300×100 on a normal display but it will retain its quality on retina display because the original image size is 600×200.

    Regards,

    Ismael

    #122312

    Just to follow up on an old thread, this worked perfectly. Retina display is razor sharp now.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Retina Logo on Homepage’ is closed to new replies.