Home Forums WoodMart support forum How to change the width of the logo in the header of the site?

How to change the width of the logo in the header of the site?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #253557

    andrii
    Participant

    Thanks for the quick response in the reviews. Maybe I am incorrectly explaining the essence of my problem, so I will try again to explain as much as possible.

    I would like to add my logo to the header and name, it is possible to adjust the width of the logo using the sliders just like the standard Woodmart logo.
    The default header height of 105 pixels is fine for me, so I prepared a logo like this.

    My logo is similar to the standard Woodmart – it’s also rectangular in shape and no spaces around the logo.

    I decided to add two logos (my own and a standard one) to the header section to compare how much they increase during the customization process.
    The default logo width is 150 pixels.

    Here is the result https://prnt.sc/w98km8
    My logo is slightly larger than the Woodmart logo.

    Now I change the width of both logos to a maximum of 500 pixels.

    And here is the result https://prnt.sc/w98p6r
    The Woodmart logo has become wider and has more than doubled, while the Traveler logo has increased only slightly.

    I understand that loading a large logo requires more space in the header, but this is not required. But the Woodmart logo can be made bigger and wider without changing the height of the header, but a custom logo cannot.
    I just wish that the width of my logo could be adjusted using a slider in the settings.

    #253562

    Bogdan Donovan
    Keymaster

    Hi,

    Logo maximum sizes in our header builder depends from two factors.

    1. From the header row height (in your case its 105px https://prnt.sc/w9apux). So even if your logo image file is higher than 105px it will stop to grow, it height will be depend from row height and width from the initial image aspect ratio.

    2. From the logo element “Logo width” option (in your case its 500px https://prnt.sc/w9atee). So even if your logo image file is wider than 500px it will stop to grow, it width will be depend from “Logo width” option number and height from the initial image aspect ratio.

    It is important to point out that header builder logo width option control only maximum width of the uploaded image and if you want to make height and width options start to work you need to upload you logo image in larger size, in your case 500px or more, because your logo size is 189×43 (https://prnt.sc/w9azg5) and our logo size is 369×63 (https://prnt.sc/w9b2lk), both images is smaller than 500px and for now it takes up how much space in the header how much it image files actually has.

    Best Regards

    #253635

    andrii
    Participant

    Now I understand how it works!
    Thanks a lot for your quick help!

    #253651

    Artem Temos
    Keymaster

    Great, you are welcome! And thank you for the review 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to change the width of the logo in the header of the site?’ is closed to new replies.