Home › Forums › WoodMart support forum › No SVG logo shows up

No SVG logo shows up

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • August 19, 2019 at 2:34 pm #139259

    KH
    Participant

    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.
    August 20, 2019 at 6:37 am #139346

    Elise Noromit
    Member

    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

    August 20, 2019 at 9:46 am #139378

    KH
    Participant

    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.

    August 20, 2019 at 11:37 am #139398

    Elise Noromit
    Member

    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

    August 20, 2019 at 12:14 pm #139408

    KH
    Participant

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

    August 20, 2019 at 2:46 pm #139439

    Elise Noromit
    Member

    Hello,

    Please provide your login URL as well.

    Best Regards

    August 20, 2019 at 3:27 pm #139456

    KH
    Participant

    Sorry forget to tell.

    August 20, 2019 at 6:37 pm #139474

    Elise Noromit
    Member

    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

    August 20, 2019 at 7:31 pm #139492

    KH
    Participant

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

    August 20, 2019 at 7:33 pm #139494

    KH
    Participant

    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?

    August 21, 2019 at 7:28 am #139535

    Elise Noromit
    Member

    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

    August 21, 2019 at 8:54 am #139556

    KH
    Participant

    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

    August 21, 2019 at 9:17 am #139559

    KH
    Participant

    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

    August 21, 2019 at 10:38 am #139577

    Elise Noromit
    Member

    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

    August 21, 2019 at 11:50 am #139599

    KH
    Participant

    Clear and now I understand the header settings. Thanks!

    August 21, 2019 at 2:09 pm #139640

    Elise Noromit
    Member

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

    Best Regards

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)