Support » Theme: Adirondack » display logo on responsive

  • is it possible to link to a different logo to show on responsive view and not show the one in my current header? here is the css for the theme:

    /*--------------------------------------------------------------
    10.4 Responsive
    --------------------------------------------------------------*/
    @media (max-width: 800px) {
      .singular .hentry {
        margin-left: 60px;
      }
    }
    @media (max-width: 600px) {
      .singular .hentry {
        margin-bottom: 50px;
      }
    }
    @media (max-width: 450px) {
      .singular .hentry {
        margin-left: 20px;
        margin-right: 20px;
      }
    }
    
    @media (max-width: 450px) {
      .singular .entry-footer .meta-item {
        width: 48%;
      }
    }
Viewing 1 replies (of 1 total)
  • Moderator Mel Choyce-Dwan

    (@melchoyce)

    There isn’t a great way to swap out the site title on a different screen, but you can use this CSS in the breakpoint you want to target:

    .site-title a {
        display: none;
    }
    
    .site-title:before {
        content: "Your New Title";
    }

    Note that if you this, your site title won’t link to your homepage anymore.

Viewing 1 replies (of 1 total)
  • The topic ‘display logo on responsive’ is closed to new replies.