Different logo for responsive view

  • Resolved Jurgen Bergman

    (@jurgen-bergman)


    11 years, 3 months ago

    Hi all,

    i really would like to use a different logo for the responsive sites (tablet / phone) than the one i use for the desktop version.

    Is this possible? I use the customizr theme, can this be done bycustom css, or hardcoding in the php files?

    Thanks,

    Jurgen

Viewing 2 replies - 1 through 2 (of 2 total)

  • The following CSS is how to target your logo:

    .tc-header .brand {
width: 100%;
height: 100px;
}

    Read the @media snippet. Then add a @media statement for tablet/phone with something like:

    .tc-header .brand {
width: 50%;
height: 50px;
}

    You will have to adjust the width/height to suit.

    Thread Starter Jurgen Bergman

    (@jurgen-bergman)

    Thanx rdellconsulting, that worked fine for me ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Different logo for responsive view’ is closed to new replies.