Logo shrunk! help

Support
#1

I uploaded a new logo (because I need a tag line on the side) but kept the dimensions very close to as prior when it worked fine: 450px x 150px. However, despite not adding any logo with specification, it is displaying as tiny (but still shows the dimensions properly in the editing sidebar.

Can you take a look an help me figure out how to fix please.

#2

Hello @shughesd,

Thanks for posting in!

To resolve your issue, please do the following:

  • Go to X > Theme Options > Headers > Logo - Image and make sure that the Logo Width is 450 and not 150 pixels.
  • Since you have installed Autoptimize plugin, please clear your cache and regenerate the minified HTML, CSS and JS files.

We would love to know if this has worked for you. Thank you.

#3

Hi, thank you for your reply. Unfortunately that didn’t change anything. I had already played around with a variety of widths in the optional input width, and also tried upload varying sized logo images.

I will put a secure note if there is anything you might be able to tell from within the site. It is baffling, as when I put the old logo back in it works fine, but this is a normal image.

Also, when I hit save it does jump to normal size in the backend display, for just a second before getting small again.

Thank you for your help.

#4

Hello @shughesd,

The changes did not work because you have added a custom css.

I went ahead and modified the css into this:

.x-brand img {
  max-width: 100%;
  padding-bottom: 28px;
}

And then I change the logo width to 900 pixel because it is using retina and half of the size is the actual width.

Please check your logo now.

#5

Thank you! Perfect.

This site is fairly old and has been through many X iterations. I often can’t figure out where I put my old custom CSS.

Appreciate your help.

#6

You are most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.