Larger logo in the header

Home Forums All Other Themes Larger logo in the header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #45053
    Hönekulla ElHönekulla El
    Member
    • Topics: 6
    • Replies: 7
    • Total: 13
    Member since: August 30, 2016

    Hi,
    I have uploaded my logo in the header but it is way to small. I can change the hight of the picture but I want to change it proportionally.
    How do I do that.
    My page: honekullael.se

    #45158
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .header .header-inner .logo { margin-top:-30px;}
    .header .header-inner .logo img { height:90px !important;}

    @media screen and (max-width:1023px) {
    .header .header-inner .logo img { height:auto !important;}
    }

    Regards,
    Shri

    #45200
    Hönekulla ElHönekulla El
    Member
    • Topics: 6
    • Replies: 7
    • Total: 13
    Member since: August 30, 2016

    Hi again,

    This looks great on all my pages but not on my home page (HEM). Can you add my home page as well, please?
    Thank you!!

    #45207
    Hönekulla ElHönekulla El
    Member
    • Topics: 6
    • Replies: 7
    • Total: 13
    Member since: August 30, 2016

    Hi again,

    Now the header loggo has become bigger also on my home page. I guess it just took a bit longer for this page compared to the others.

    Thank you very much!

    #45229
    Hönekulla ElHönekulla El
    Member
    • Topics: 6
    • Replies: 7
    • Total: 13
    Member since: August 30, 2016

    Hi again,

    When I look at the mobile version the logo now is a bit to big, not all of the loggo is shown. Can you pleasehelp me to make the logga a bit smaller.

    Thank you very much!

    Br,
    Charlotta Holm

    #45308
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .header .header-inner .logo img { height:100px !important;}

    @media screen and (max-width:1023px) {
    .header .header-inner .logo { margin-top:0;}
    }

    Regards,
    Shri

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