Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 20, 2020 at 9:15 pm #1214775
    bobfurgo

    hi guys, i have put a black logo for mobile on this page with css but the logo is looking distorted. I can’t seem to figure out how to adjust it with the css. can you help?

    Thanks so much. Here’s the code i entered:

    @media only screen and (max-width: 767px) {
		.page-id-349 .logo a {
			background: url(url here) center center no-repeat !important;
    		background-size: contain;
			height: auto !important;
    		width: auto;
		}
	}
    May 22, 2020 at 7:16 pm #1215305
    bobfurgo

    following up thanks!

    May 24, 2020 at 2:24 am #1215626
    Mike

    Hi,
    Sorry for the late reply, we have a filter for this, try removing your css and add this code to the end of your functions.php file in Appearance > Editor:

    add_filter('avf_logo','av_change_logo');
function av_change_logo($logo)
{
    if(is_page(349) && wp_is_mobile())
    {
    $logo = "https://your-domain.com/wp-content/uploads/2020/04/futuri-logo-.png";
    }
    return $logo;
}

    be sure to adjust the URL for the logo.

    Best regards,
    Mike

    May 24, 2020 at 3:18 am #1215630
    bobfurgo

    thank you!!

    May 24, 2020 at 3:54 am #1215633
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

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