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?

    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.

    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.