No SVG logo shows up

Hello, I’ve followed the instruction in the documentation about how to upload my logon to the header but when I upload SVG file, nothing shows up in the header. I try to upload JPEG, it appears but the logo is very blur.

You can see my SVG logo in the attached file.

Attachments:

You must be logged in to view attached files.

Hello,

You need to add attributes width="31" and height="40" attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw
I have checked the file and do not see added width and height https://prnt.sc/ouy5on

Best Regards

I’ve followed your instruction. Now the logo shows up. But it looks too small. Increase the attributes, still small the same, change Logo width in the Logo settings, still no changed.

Hello,

Please provide the site admin access to the private area so that we could check and suggest, perhaps you should increase the logo width in the Header builder.

Best Regards

Here you are. Please remove semi-colon from the password. I dont know why it’s there aftee pasting into the text box.

Hello,

Please provide your login URL as well.

Best Regards

Sorry forget to tell.

Hello,

I have viewed a few headers https://prnt.sc/ov938d all of them has Woodmart image as a logo. Please specify which header I should check?

I do not see the image in your Media library either to test.

Please specify the header and image title.

Best Regards

Hi, I’ve just uploaded again. Pls check.

Now I see it’s bigger. This is ok now! Last time it’s very small even I set the size in the header. Did you set it to 200px?

Hello,

I did not set anything as I did not understand which header to edit. Edit the logo and increase its width, besides increase the row height as well.

Best Reagrds

As I told you before, I just want to make the logo bigger. You told me to change the attributes of SVG file to 37 px x 40 px. I’ve done that and now the logo appears but it looks too small for me. I tried to increase the attributes to 67px x 70px and also change the Logo width and also Sticky header logo width but it still looks small.

Time passed! I try to upload the SVG again now it works! But I don’t know it works this time, maybe because of cache? or what? Now it works. The setting is the headers is:

Desktop

– Logo width: 200px
– Sticky header logo width: 200px
– SVG size: 67px x 70px

Mobile:

– Logo width: 150px
– Sticky header logo width: 150px
– SVG size: 67px x 70px

What you mean by row height? I don’t see any option for this. Just only two options: Sticky header logo width and Logo width

Hello,

You have messed all. Let’s clear up all from the beginning:

You:

Hello, I’ve followed the instruction in the documentation about how to upload my logon to the header but when I upload SVG file, nothing shows up in the header.

Solution: add width=”31″ height=”40″ attributes to your <svg> tag like it is shown: http://prntscr.com/m4n0qw set the width and height as per your needs, values 31 and 40 are just a sample. Set the real values.

Next. You want your logo to be bigger

Solution:

1. Your image should be big enough.

2. Increase the logo width and height will be increased automatically https://xtemos.com/docs/woodmart/header-builder/setup-logo-image/

3. The row height should be enough not to cut your logo height, that is why if you are not satisfied with the logo height, increase the height of the row: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Best Regards

Clear and now I understand the header settings. Thanks!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts