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,
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
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
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
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.
Please share a screenshot that you want to do exactly. Thanks
Here it is https://prnt.sc/132aozu
provide me the Joomla administrator access to fix your issue
How do I send you the credentials?
Thanks. Have provided the details
http://164.52.192.111/kapsacademy.com/
Screenshot and your site URL not similar
Yes, I changed it as I have started production on it. The problem is still the same.
Regards
Kirti
Share a screenshot again. Thanks
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.
Please check now and let me know. Thanks
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.
You should resize from photoshopt first and then you should upload the image. Thanks
I cannot change a customer's logo dimension. Is that what you are asking?
If you can't then you have to use the SVG logo instead of jpg or png logo
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.
Please check now. Thanks
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?
Did you checked my previous changes?
Yes, I did but it doesn't solve the problem
Is it fine?
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.
Please check now and let me know. Thank
Yes, thanks. Could you let me know what changes you made for this.
Best,
Kirti
Just changed the layout size of header coloum.
now it 6+6
And added small css code inside the custom css box
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.
Please check now. Thanks
What is the change that has been done?
I have change column for mobile and tablet device from the layout manager.
Please read the documentation of Helix ultimate
