Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Posts

  • Joined

  • Last visited

Community Answers

  1. natalienet's post in Change Logo Image on Specific Pages for desktop & mobile was marked as the answer   
    Ok, so I did some more digging and found a different method that is working!
    Inject this code into your header via "advanced":
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> <!-- Change logo image on desktop and mobile. From comments of https://www.youtube.com/watch?v=_3CQd5WGrsI search for “josh ison” and you’ll see the thread. --> $(function() {$('.Header-branding-logo, .Mobile-bar-branding-logo') .attr('src', 'YOURLOGOURL')}) </script>  
  2. natalienet's post in Invert Blog Post Logo Image Color on Mobile was marked as the answer   
    I figured this out! 😀
    To recap, my site logo is white. When viewing the blog posts, however, my white logo was invisible because there's no option to upload a unique logo just for the blog (and you can't change the background color of the blog post headers without css).
    I wanted my blog post header background to remain white and my logo to be black, so I added CSS to invert the colors on my logo.
    Here's an example of one of my blog posts, so you can see it in action on desktop and mobile:
    Here's the CSS I used to invert the blog logo on both desktop and mobile.
    /* Make Shows Blog Post Header Logo Inverted (Black) on desktop */ .collection-type-blog .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } /* Making Shows blog post header logo inverted (black) on mobile */ @media only screen and (max-width: 640px) { .Mobile-bar-branding { -webkit-filter: invert(100%) !important; filter: invert(100%) !important; filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }}  
  • Create New...