-
Posts
-
Hello!
I”m using the second mobile logo as described on the Enfold documentation. This is logo is also showed on tablets. What do I have te do to that the mobile logo is showed to the max of 500px? Thnx!
Used code:
add_filter(‘avf_logo’,’av_change_logo’);
function av_change_logo($logo)
{
if(wp_is_mobile() )
{
$logo = “/wp-content/themes/enfold-child/images/logo-mobile.png”;
}
return $logo;
}Hey Tim,
If you are familiar with CSS you can do so using media queries.
Best regards,
Jordan ShannonHi,
So you only want the logo to be displayed if the screen is under 500px?
Best regards,
Jordan ShannonHi,
Can you screenshot what the mobile logo looks like? I am seeing the same logo on the desktop, tablet and mobile.
Best regards,
Jordan ShannonHi,
I am seeing that logo now at a screen width of 375px. So it does appear to show until 500px, unless I am misunderstanding. After 500px do you want the standard non-mobile logo to show?
Best regards,
Jordan ShannonHi,
Adding the following to quick css should work:
@media only screen and (max-width: 500px) { .logo img { opacity: 0; } .logo a { background-image: url(https://bb.nl/wp-content/themes/enfold-child/images/logo-mobile.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }} @media only screen and (min-width: 500px) { .logo img { opacity: 0; } .logo a { background-image: url(https://bb.nl/wp-content/uploads/2014/12/bb-logo-payoff-schaduw.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }}Best regards,
Jordan Shannon
- The topic ‘Mobile logo not on tablet’ is closed to new replies.