Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 2, 2017 at 5:54 am #786135
    Micha66

    Hi guys,

    how can i set the different Logo on mobile devices into the center? I have this code in the functions.php 

    add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(wp_is_mobile() )
    {
    $logo = ".../wp-content/uploads/2017/04/logo-mobile.png";
    }
    return $logo;
}
    • This topic was modified 7 years, 6 months ago by Micha66.
    May 2, 2017 at 7:57 am #786199
    Nikko

    Hey Micha66,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .responsive #top .logo {
    width: 100%;
  }

  .responsive .logo img {
    margin: 0 auto;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    May 2, 2017 at 8:14 am #786209
    Micha66

    Wow, Nikko, that works, thank you ;-)

    May 2, 2017 at 9:06 am #786229
    Nikko

    Hi,

    Glad we could help. Let us know if you need more assistance regarding this topic or if we can close it :)

    Best regards,
    Nikko

    May 2, 2017 at 11:02 am #786274
    Micha66

    Please close ist, thanks.

    May 2, 2017 at 12:38 pm #786303
    Nikko

    Hi,

    You’re welcome. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Center different Logo on mobile’ is closed to new replies.