Resizing logo in Pique

Hello joshjj,

Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer.

.site-branding .site-logo-link img {
  max-height: 170px;
}

@media (min-width: 768px) {
  .site-branding .site-logo-link img {
    max-height: 170px;
  }
}

Hope this will helps you.

Thanks.

Hi. Thanks. For the life of me I cannot do this. Ive also tried a bunch of different logical dimension editions of the above numbers in the code and nothing works. The code you attached above actually make the logo smaller that I have managed to get it through trial & error (which was still to small).

I measured the logo in the demo theme to get a correct size (600x450px), I then resized the Logo.png to this size (Attached here), uploaded it to the theme, and entered the code. Nothing has worked thus far. Do you have another solution?

Im using SiteOrigins CSS Plugin to enter and save the code updates.

https://drive.google.com/open?id=1y665rYgiwSp_1GyzLNz9UWivj2a7obs_
If the link doesn’t work please can you send me your email address so I can add you to permissions. thanks ??

• This reply was modified 6 years, 6 months ago by Joshjj.

Thanks Alex. I misunderstood how it works. I thought moving up from the 0 value point would increase the height from the original height position – not take the height back to 0 before you scale it up. All good i get it now.

Unfortunately, I make the edit, I refreshed my live page, could see the correct height edition whist the page is loading but when the page is loaded it reverts to the original spacing present before the css edit. This occurred whilst trying to move the text content up further towards the menu bar on the homepage; https://cashmerestudio.000webhostapp.com/

As you can see there is still a big gap between the menu and the text below it.
Is there a reason my edits aren’t saving out?

Hi there, your site is not coming up for me and is showing “website is temporary sleeping”, so I cannot look at it.

Hi sacredpath. The site goes to sleep at 11pm or 12am (I think GMT) for a hour because its currently on a free hosting plan. It should be available to view at other times.

• This reply was modified 6 years, 6 months ago by Joshjj.

bump

Hi @joshjj, the site is wearing the Customify theme. Did you change themes?

On Pique demo site, the logo image is 489 x 144 pixels. I would suggest using an image that is very close to that size and all should be good. The CSS for the logo sets a max-height of 100px with a max width of 100%, so the logo could actually be quite wide, but would be constrained to the 100px height.

Not being able to see your site logo in the Pique theme, I can’t see what adjustment would have to be made, and if it could actually be done with CSS or not.