Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 18, 2016 at 6:40 pm #634708
    dondela

    Dear support team,
    i modified the position of the logo like this:
    .logo {
    margin-left: -47px;
    margin-right: -47px;
    }

    On the mobile view i change the logo to another image with this snippet:
    add_filter(‘avf_logo’,’av_change_logo’);
    function av_change_logo($logo)
    {
    if(wp_is_mobile() )
    {
    $logo = “http://relaunch.voltaris.de/wp-content/uploads/2016/03/voltaris-logo-140.jpg”;
    }
    return $logo;
    }

    Is it possible to change the position of the mobile view logo to margin: 0px ? Maybe depending on the screen width?

    May 18, 2016 at 8:15 pm #634756
    Jordan

    Hey dondela,

    Thanks for getting in touch with us!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px){
.logo {
margin: 0px;
}
}

    Best regards,
    Jordan

    May 19, 2016 at 8:04 am #635027
    dondela

    Thank you very much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Logo position depending on browser width’ is closed to new replies.