Logo Not Displaying Properly - Question | JoomShaper

Logo Not Displaying Properly

K

Kirti

Template 4 years ago

Hi, On my website www.basantijewellers.com the logo is distended and appears to be low resolution when I choose the predefined header option 2. However, there is no issue if I used the pre-defined header 2.

What is the reason for this? And what is the solution?

Best,

0
33 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #17271

Hi there,

Thanks for contacting us. Maybe there is css issue. Is there any problem if you use the pre-defined header two? if not you can continue with second header.

-Thanks

0
K
Kirti
Accepted Answer
4 years ago #17281

Yes, there is a probelm in using pre-defined header. I should be able to use logos of any size and dimension without any problems. Please fix this as this is a serious problem and I spent a lot of time in trying to figure this out

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #17396

Please watch the video. I hope this video will help you to make new header instead of default header. Thanks

https://drive.google.com/file/d/1i3gG46qlrQj1qqXTluiXr3mQgg7blajB/view

0
K
Kirti
Accepted Answer
4 years ago #17424

Hi Toufiq You missed the point completely. Why should the logo be distended and be of low resolution. The templates are responsive. Surely, you do not expect every logo to be in the same dimensions. Kindly look into this.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #17533

Please share a screenshot that you want to do exactly. Thanks

0
K
Kirti
Accepted Answer
4 years ago #17553
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #17692

provide me the Joomla administrator access to fix your issue

0
K
Kirti
Accepted Answer
4 years ago #18116

How do I send you the credentials?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18227
0
K
Kirti
Accepted Answer
4 years ago #18631

Thanks. Have provided the details

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18672

https://prnt.sc/132aozu

http://164.52.192.111/kapsacademy.com/

Screenshot and your site URL not similar

0
K
Kirti
Accepted Answer
4 years ago #18677

Yes, I changed it as I have started production on it. The problem is still the same. Regards Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18679

Share a screenshot again. Thanks

0
K
Kirti
Accepted Answer
4 years ago #18685

Here it is https://prnt.sc/13fwtaf. I have given the actual logo inside the image also

I had provided you with the link so that you could see it yourself.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18763

Please check now and let me know. Thanks

0
K
Kirti
Accepted Answer
4 years ago #18773

Hi Toufiq,

Thanks for the prompt response. However, there are two problems:

a) The logo is still blurred compared to the original. I have placed the original logo side by side in the screenshot as a comparison. https://prnt.sc/13gtzfq

b) I wanted the logo with a height of 100px. In this case the logo becomes distended and blurred. https://prnt.sc/13fwtaf. Customers have different logo dimensions and shapes. We should be able to fit in logos with ease without having to spend time on custom CSS.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18909

You should resize from photoshopt first and then you should upload the image. Thanks

0
K
Kirti
Accepted Answer
4 years ago #18910

I cannot change a customer's logo dimension. Is that what you are asking?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18913

If you can't then you have to use the SVG logo instead of jpg or png logo

0
K
Kirti
Accepted Answer
4 years ago #18918

Toufiq, I am not convinced about the use of SVG. The issue is clearly about the dimension and size of the logo. It requires some adjustments in the CSS/HTML. It should be easy for you to find the problem and fix it.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18920

Please check now. Thanks

0
K
Kirti
Accepted Answer
4 years ago #18925

If I use SVG then I get a clear, sharp logo. However, I am unable to change the size of the logo with svg. I need to have the logo height at at least around 100px. What is the solution for that?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18951

Did you checked my previous changes?

0
K
Kirti
Accepted Answer
4 years ago #18953

Yes, I did but it doesn't solve the problem

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #18955
0
K
Kirti
Accepted Answer
4 years ago #18972

Hi - no the issue is still unresolved. I have provided the actual logo for you to compare. Please notice that the ratio of dimensions has changed.

Also, it is still hazy. https://prnt.sc/13jbn61

I have given you access to the backend so that you can check out all the parameters. I think I should also send you the original logo. Please tell me how I can send it to you.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #19110

Please check now and let me know. Thank

0
K
Kirti
Accepted Answer
4 years ago #19114

Yes, thanks. Could you let me know what changes you made for this.

Best, Kirti

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #19118

Just changed the layout size of header coloum.

now it 6+6

https://prnt.sc/13me7vz

And added small css code inside the custom css box

0
K
Kirti
Accepted Answer
4 years ago #19146

Hi, Thanks. However this does not work in mobile and tablet mode. The logo is displayed in the top row and then the three bar menu is displayed in the next row. This messes up the design. You will see what I mean when you resize the window.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #19150

Please check now. Thanks

0
K
Kirti
Accepted Answer
4 years ago #19383

What is the change that has been done?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #19393

I have change column for mobile and tablet device from the layout manager.

https://prnt.sc/13pd6um

Please read the documentation of Helix ultimate

https://www.joomshaper.com/documentation/helix-framework

0