How to make logo responsive?

Discussion in 'ReThink WordPress Theme' started by selfmade, Feb 10, 2015.

  1. selfmade

    selfmade Guest

    Joined:
    Feb 4, 2015
    Messages:
    49
    Likes Received:
    0
    Hi I have added my logo/banner but when viwed on atablet/mobile it remains very small whereas the slider adjusts in size correctly Could you please give me the specififcations that I should use when making a banner that is responsive. (www.headphonesforworkingout.com).
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 960px) and (min-width: 767px){
    .header .logo img {
    width: 200%;
    }
    }
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .header .logo img {
    width: 93%;
    }
    }
    @media only screen and (max-width: 480px){
    .header .logo img {
    width: 100%;
    }
    }
    .header .header_info {
    display: none;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     

Share This Page