The footer logo of my website https://www.PAKDEFENSE.Com is looks somewhat smaller than the Header logo. Please provide me the code to equalize it as header logo
It is looking OK in mobile devices, but in desktop this difference is visible. Please help me out
Hi,
You have to create your logos to have the same sizes and then, load them to the header and footer logo section. Please understand that way…
Thanks for your understanding!
Dear, I have uploaded the logo to the header at 183 x 183 and it works awesome. But, when I uploaded the same dimension logo to the footer than it somewhat deteriorated or stretched. That’s why I am now using the footer logo 150 x 150 dimension.
If it appears stretched, maybe you are uploading a thumbnail of the image not the full size
– https://www.screencast.com/t/X0ulKJcn
– https://www.screencast.com/t/El5QbKr5
Check if that is the case.
Dear, I am using the footer logo style 10 and the same style I have used for header logo. The pic I have used in the header has dimension 183 x 183 and it works perfect, but when I uploaded the pic with dimension 183 x 183 in the footer logo, then it appears somewhat stretched and I have to changed its dimension to 150 x 150 and it works perfect here. I want to ask that if you are saying that the footer style 9,10 and 11 will support any image resolution, then why my image is not showing correctly as the case with my header logo. Please help me on this issue.
You are using footer template 4 – https://www.screencast.com/t/1gixEqxC3Ff
In this example with the same footer template I first set a logo of 800×800 size
– http://prntscr.com/ke4t9w
– http://prntscr.com/ke4svw
In this example I set a logo of 16×16
– http://prntscr.com/ke4tgg
– http://prntscr.com/ke4tpc
So it can be seen that the logo is displayed in the size I upload it in. There are no changes made to the image size, not stretched or reduced.
You are uploading this logo
– https://www.pakdefense.com/wp-content/uploads/2018/07/FOOTER-LOGO-183-X-183-150×150.png
When you should be uploading this one
– https://www.pakdefense.com/wp-content/uploads/2018/07/FOOTER-LOGO-183-X-183.png
Please again make sure you upload the logo image in full size, not a thumbnail of 150×150
– https://www.screencast.com/t/cNM3AT6dzr
– https://www.screencast.com/t/V4S3GqnlFVRo
Dear, thanks for your understanding. but, I want to use the logo in 183 x 183 dimension, but it stretched and deteriorated, so I have to change it to thumbnail size of 150 x 150 and it works perfect for me.
For more understanding I am now uploading the pic of 183 x 183 dimension logo. Please adjust this logo at your end and see the result for it.
Please download and adjust this logo in the footer and see the results. Thanks
I already did that before – https://www.screencast.com/t/OkHoASBHEo0
– https://www.screencast.com/t/dqBeMNUgJ
The logo is not stretched and deteriorated. Set it in your website and I will take a look.
Comparing the two logos, smaller one and larger
– https://www.screencast.com/t/oxXoLoRkSc
Note that on mobile the code provided here will apply
– https://forum.tagdiv.com/topic/footer-logo-size-in-mobile-devices/
Why not set the larger one it in the first place, and mention the problem with it. We would have checked it. That would be faster instead of all this investigation.
Dear, I have re-uploaded the footer logo with dimension 183 x 183. You just have to minimize the screen a bit and the logo will be stretched and deteriorated. I have added the screenshot. Please see this:
This happens when I try to minimize the screen. Please help me to solve this problem.
Link of website is:
The same problem is appearing in mobile devices. Please help me to sort out it. Thanks
The only problem with this bigger logo is on mobile
– https://www.screencast.com/t/W0b6bN2zQHX
Remove the code provided in this topic
– https://forum.tagdiv.com/topic/footer-logo-size-in-mobile-devices/
I gave you that code which worked for that situation at the time, to make the header logo similar to the footer logo.
Result on mobile after you remove the code – https://www.screencast.com/t/xrP6N0GquQu3
If I want to make the logo similar again, then what will I do?
Dear, I want to use the 183 logo, but I want to keep the logo similar size in mobile devices. Please help me out…
If you want the footer logo to be similar to the top logo, create a logo of 100×100 and use that.
Or remove the code provided in that topic, and use this one to limit the 183px logo to the header logo size
– https://www.screencast.com/t/2KGQujBE8
.footer-logo-wrap img {
max-height: 100px;
max-width: 100px;
}
Thanks Simion, You are always been very helpful. Thanks again…
