Shop Categories

X

Mobile Logo

Home Forums Agama Pro Mobile Logo

Topic Resolution: Resolved
  • This topic has 1 reply, 2 voices, and was last updated 4 years ago by Zex.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11370
    KNIGHTS Technology
    Participant

    Hey,

    Do you know of anyway I can have two logo set. One for computer and one for mobile.

    I have designs from for my logos and one looks great on computer but rubbish on mobile and visa versa.

    Cheers

    Phil

    #11372
    Zex
    Moderator

    Hello, Phil!

    Here is the working solution for you:
    Open the Customizing->General->Additional CSS
    and Copy/Paste the code below :

    @media only screen and (max-width: 479px) {
    .pull-left  a img{
        display: none;}
    
    .pull-left a {
      background-image: url(https://banner2.kisspng.com/20180325/txe/kisspng-knight-cartoon-clip-art-knights- 
    cliparts-public-domain-5ab74f63119b04.7085046415219628510721.jpg);
      background-size:  contain!important;
      width: 150px;
      height: 150px;
      background-position: center;
      background-repeat: no-repeat;
      margin-left:auto;
      margin-right:auto;
      }
    }

    Replace the image URL and change the width and height values per your needs.

    Regards

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.