Custom logo for specific pages on mobile
-
Is there a way to set a different logo for each page on mobile. Specifically, I want my main Blog page and all the subsequent blog posts to show a different logo than my main website’s logo.
I saw another thread about modifying the mobile home page logo with this function (https://pastebin.com/XArvfhYt). I tried modifying the code to work with all my blog posts, but I’m not able to get it working for my blog posts.
Logo I want to show: https://i0.wp.com/mauivang.com/wp-content/uploads/2018/07/paradime_best.png
Page I want to show it on: https://mauivang.com/blog
The page I need help with: [log in to see the link]
-
Here’s what I did to fix it (not the cleanest code, nor the most full proof, but it works for now). I changed the function to:
function change_logo($html) { if(is_single() || is_home()){ $html = preg_replace('/<img(.*?)\/>/', '<img src="https://mauivang.com/wp-content/uploads/2018/07/paradime_best.png" class="custom-logo" alt="" itemprop="logo" />', $html); } return $html; } //The first filter updates the logo on individual posts on desktop browser add_filter('get_custom_logo','change_logo'); add_filter('ocean_responsive_logo', 'change_logo');This allowed my main blog page and all the posts to show a different logo than my regular static pages.
- The topic ‘Custom logo for specific pages on mobile’ is closed to new replies.
