Okay
  Public Ticket #1299628
different logo for mobile
Closed

Comments

  • jaaannn started the conversation
    September 11, 2017 at 5:48pm

    I've seen other posts requesting this.  Can't find that you've implemented this functionality, but I have a customer whose logo is wide & horizontal and that looks bad on mobile.  it would be nice to use the smaller square version of their logo on mobile (& smaller screens) only.

    Is there a way to do that yet?

  • jaaannn replied
    September 11, 2017 at 5:49pm

    In an ideal world, the customer would like a different logo on mobile AND they would like it centered. thanks.

  •  9,016
    Tahir replied
    September 12, 2017 at 10:10am

    Hey Again,

    Yes i am afraid its not available yet . You will likely have to replace it using custom css . 

    Be.st 

    ThemeNectar Support Team 

  • jaaannn replied
    September 22, 2017 at 8:33pm

    can you provide that custom css?  I can't figure it out :)  thanks

  •  9,016
    Tahir replied
    September 23, 2017 at 11:20am

    Hey Again, 

    Try using this snippet which clips the logo to a smaller one while keeping the same image .

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 1000px) {
    body header#top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 127px!important;
        margin-top: -44px !important;
        position: absolute;
        clip: rect(54px,112px,71px,17px);
    }
}

    Thanks

    ThemeNectar Support Team