Support » Theme: Responsive » How to reduce the responsive theme logo height ?

  • Resolved albert0346

    (@albert0346)


    Hi,

    how can I reduce the responsive theme logo height?

    Thanks in advance for your help.

    Best regards

    Albert

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author CyberChimps

    (@cyberchimps)

    Hello Albert,

    To reduce the logo size you can use custom css:

    div#logo {
    width: 90%;
    }

    while, to reduce logo height, I need to refer your site logo.
    So could you please share your site link?

    albert0346

    (@albert0346)

    Thanks CyberChimps!

    Unfortunately my site is a temporary site on 1&1. So I can not give you the address.

    But would it then not possible to add

    height: 90%

    to your css?

    Albert

    Theme Author CyberChimps

    (@cyberchimps)

    Ah – then could you try adding below rule in your custom css :

    #logo img {
        height: 200px;
    }

    As I am uncertain about the logo image you are using, you can adjust the pixel height as per your requirement.

    albert0346

    (@albert0346)

    Thanks CyberChimps!

    Yes, this works in PC view. But on mobile it got compressed and doesn’t look good.

    Albert

    Theme Author CyberChimps

    (@cyberchimps)

    Not sure if this will match to your logo image, but you could try replacing the above rule with :

    @media(min-width: 768px){
    	#logo img {
        	 height: 200px;
    	}
    }

    You are a Genius CyberChimps!!

    It works!! Thanks a lot!!

    Albert

    Theme Author CyberChimps

    (@cyberchimps)

    Hi Albert,

    Happy to know that the issue has been resolved !!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to reduce the responsive theme logo height ?’ is closed to new replies.