Setting The Logo Width - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Setting The Logo Width

A

Addington

Helix Framework 2 years ago

Your AI chatbot advised this, but its not correct, is it? How do you set the logo width in helix ultimate? To adjust the width of the logo in Helix Ultimate, please follow the steps below:

Go to the Template Manager > Helix Ultimate > Basic Settings. Under the Logo section, you will find an option to adjust the logo width. Adjust the logo width as per your requirement.

0
7 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #134656

Hello Charles Southgate

Apology for the inconvenience. Our AI chatbot is still learning. There is no option to set logo width in the settings. You can only set logo height in Template Options -> Basic -> Logo. Please follow this documentation

Best regards

0
A
Addington
Accepted Answer
2 years ago #134794

Setting image dimensions is an SEO basic though. Is there a workaround? Some way I could achieve this, even if there isn't an easy box for me to fill in?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #134796

There is no option other than Custom CSS.

0
A
Addington
Accepted Answer
2 years ago #134824

We must be talking at cross-purposes!

Are you saying that the width attribute can be set via custom CSS? If so, then please tell me how?

Or are you saying that there is no way to set the width attribute for the logo in Helix Ultimate, even though including the width attribute on images prevents layout shifts, improves performance, enables responsive design, enhances accessibility, and indirectly benefits SEO by optimizing the user experience?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #134883

Apology for my last reply. I have checked this further. If you increase the height of the logo, then the width is also increased propotionally. It looks good on the site. You will not be needed to set the width separately.

0
A
Addington
Accepted Answer
2 years ago #134890

That's good to know. What I am trying to work out though is how to get the width attribute added here so that browsers can see it and know how to handle the logo on a responsive page. You can see that the height attribute is there, but the width attribute is missing: <img class="logo-image d-none d-lg-inline-block" srcset="/https://xxx.com/images/logo/logo.png 1x, https://xxx.com/images/logo/logo-big.png 2x" src="/https://xxx.com/images/logo/logo.png" height="32px" alt="MySite logo">

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #134924

In that case, you have to edit this file.

templates/shaper_helixultimate/features/logo.php

But remember that it might be overriden on template update. So, if you change here, then you must keep a backup of it. And after each Helix Update, you have update the file.

0