With Wider Logo - Responsive doesn't fit

Discussion in 'Figero WordPress Theme' started by jshade52, Feb 12, 2014.

  1. jshade52

    jshade52 New Member

    Joined:
    Nov 9, 2013
    Messages:
    15
    Likes Received:
    0
    My client wants to use the Figero theme but has a wide logo. They want their logo to be 450px x 150px.

    I used the following custom css as posted in a different thread.

    .header-container .header .logo img {
    width: 450px;
    height: 150px;
    }

    Everything looks how they want it, except when it is on a mobile device. The logo sticks out further then the rest of the design. Is there anyway to put custom css or change the responsive css file to have a clean look on a mobile device for this size of logo.

    The link is

    http://lewescomputerservices.info/

    Thanks!!!
     
  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: 480px){
    .header-container .header .logo img {
    width: 100%;
    }
    }
    
    Thanks & Regards
    Gourav Shrivastava
     

Share This Page