Logo not responsive in mobile menu

Discussion in 'Harrington- A WordPress Business Theme.' started by dmedia, Jun 26, 2016.

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

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Hi - The logo looks great on the desktop site, nice and big. However, it is not fitting on the mobile site:

    http://dev.dfwvetsurgeons.com/

    Please can you help me fix this? Thank you!
     
  2. priya

    priya Guest

    Hi,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS field of your dashboard.
    Code:
    .logo img {
        width: 100%;
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Thank you1 That fixed the mobile site logo but it also changed the Desktop logo. Now the logo on the Home page is too small in the Desktop version. We liked how it was before. Is there not a way to make the mobile logo at 100% but the Desktop logo at it's actual size of the file uploaded (which is 474 × 115 pixels).
     
  4. priya

    priya Guest

    Sorry...

    Please use below code..
    Code:
    @media only screen and (max-width: 480px){
    .logo img {
        width: 100%;
    }
    }
    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. dmedia

    dmedia Member

    Joined:
    Dec 6, 2013
    Messages:
    164
    Likes Received:
    4
    Ah that is it! Now the desktop site logo looks great at it's actual uploaded size and the mobile theme logo fits within the screen too. Thank you so much!
     
  6. priya

    priya Guest

    You're welcome..

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
Thread Status:
Not open for further replies.

Share This Page