Change default image size for logo when using header style 10

Hi,

Sorry if my question has already been asked and answered, but I didn’t find it in the forum.

So,

I use header 10 style, in the “logo & favicon” settings, I can upload a logo and retina logo.
But the size of the image needs to be [272 x 90px] and [544 x 180px] (for retina).
When I upload bigger image, they are automatically resized to the header style size :

<div class="td-banner-wrap-full td-logo-wrap-full ">
        <div class="td-header-sp-logo">
            <h1 class="td-logo">
              <[this is an "a"] href="[my-site-web-adress]">
                <img src="[my-site-web-adress]/wp-content/uploads/2016/05/my-logo-600x165-300x83.png" alt="[my-site-web-adress]" />
</a>	</h1>     </div>    </div>

So even if I change the CSS using custom CSS, the displayed images are still the resized ones.

My question is : How can I change the default size of the header style logo (and retina) in order to use the original size of my images ? (for max-width)
Of course, I also need that the logos keep being responsive…

Thanks a lot for your support.

Seb

• This topic was modified 10 years by Seb.
• This topic was modified 10 years by Seb.

Hello Catalin,

Actually, it works just fine, sorry for the inconvenience…

thanks again for your patience.

Hi,

Since I start testing my website on different device, I have now an other issue about the header logo :

I still use header style 10, my basic logo size is 600x165px and I’ve added a retina logo with a 1200x329px size.
On desktop, the basic logo image is displayed at 600×165 and it’s fine.
On retina screen, the image used is the retina one (with 1200x329px) but it seems to be displayed with full width.
When I delete the retina logo image on the theme panel, the image displayed on retina screen is the basic one with the 600x165px size and it’s (of course) not looking good.

I do not understand why, when I upload a retina logo in the theme panel (1200x329px), it is not displayed with the original size of 600x165px but with full width template ?

Thanx for your support.

well, I’ve add this custom code :

.td-header-style-10 .td-logo-wrap-full a {
width:50%;
}

and it’s ok.

Hope you’ve enjoy your day off :o)