Custom Logo not showing up on mobile device

Discussion in 'Andrina WordPress Theme' started by lalo6602, Oct 31, 2013.

Thread Status:
Not open for further replies.
  1. lalo6602

    lalo6602 New Member

    Joined:
    Jan 3, 2013
    Messages:
    11
    Likes Received:
    0
    Hi,
    Site: Timewithtom.us
    I am sure this is either an easy fix or cant be done the way I have things set up. The logo comes up fine on PC but doesn't show on mobile device.

    Thanks,
    Ed



     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
     
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .header .logo img {
    width: 78%!important;
    }
    }
    @media only screen and (max-width: 768px) and (min-width: 480px){
    .logo {
    width: 100%!important;
    }
    .logo img {
    width: 90%!important;
    }
    }
    @media only screen and (max-width: 480px){
    .logo {
    width: 100%!important;
    }
    .logo img {
    width: 90%!important;
    }
     
    }
    
    This will solve your issue.
     
  3. lalo6602

    lalo6602 New Member

    Joined:
    Jan 3, 2013
    Messages:
    11
    Likes Received:
    0
    Thanks that solved it!!
     
Thread Status:
Not open for further replies.

Share This Page