Hi team,
I used Tagdiv AMP Plugin for my site, but I got a problem.
The footer logo was oversize in the footer. It looks ugly.
Link my AMP site: https://infihow.com/chuyen-cac-doi-tuong-trong-autocad-ve-polyline/amp/
Sorry for my bad English.
Thanks!
My logo’s size is same as Your AMP site demo at https://demo.tagdiv.com/newspaper_crypto/td-post-ethereum-congestion-forces-exchanges-to-halt-withdrawals/amp/
I did 3 tests.
Test 1: I copied link the footer logo on your demo page, then pasted it on my footer logo. On the AMP page, it shows correctly.
Test 2: I downloaded your footer logo, then reuploaded to my site. On the AMP page, the footer logo is blurred (huge size).
Test 3: I copied link footer logo of the other site (using Newspaper theme), then pasted it on my footer logo in theme panel. On the AMP page, the footer logo is blurred. 🙁
Pls help me fix the footer logo on AMP.
Hi,
First make sure that your you set the correct size
https://www.screencast.com/t/9rflt7ZgBsI
save the cahnge you made
https://www.screencast.com/t/XqJcJVaMz0cx
See the results: https://www.screencast.com/t/Jhcy7LmAGu9R
If this don’t work, then please add the below css in Newspaper> Theme panel> Custom code> Custom css:
.td-footer-logo amp-img{
width: 272px;
height: 90px;
}Thanks.
It doesn’t work. Pls check my AMP site in above post. I did all thing you said.
I did 3 tests.
Test 1: I copied link the footer logo on your demo page, then pasted it on my footer logo. On the AMP page, it shows correctly.
Test 2: I downloaded your footer logo, then reuploaded to my site. On the AMP page, the footer logo is blurred (huge size).
Test 3: I copied link footer logo of the other site (using Newspaper theme), then pasted it on my footer logo in theme panel. On the AMP page, the footer logo is blurred. ?
All logo are the same size each other. Can you explain this for me?
Many thanks.
Hi,
Sorry please remove the above css if you paste it in custom css.
I’ve try your footer logo ( https://www.screencast.com/t/yWKx0EqEE ) on my website and it works ( https://www.screencast.com/t/zbccdV295bI ), unfortunately all I can do for you is to provide a css that need to be please in wp-content>plugins>td-amp>templates>style.php (example https://www.screencast.com/t/vIUHFAbD6uRH )
.td-footer-component-wrap .td-footer-logo amp-img,
.td-footer-component-wrap .td-footer-logo img{
max-width: 272px;
max-height: 90px;
}
Sorry for the inconvenience.
Thank you for your understanding.
Hi Calin,
It worked perfectly. Can I add this custom CSS on Child theme? How to do it.
Many thanks.
Hi,
Unfortunately I don’t think you can do that ( AMP is a plugin, not a theme to can make a child theme )
Unfortunately if at the next update this issue reappear you need to do this again.
We’ll continue investigation to see why appear this issues for some customers.
Sorry for the inconvenience.
Thank you for your guidance and support!
Hello
Please let me know how can I have different size of AMP logo with the mobile version and the main logo sizes for the theme?
It is different and it should be 600*60 for the AMP logo and it is not suitable for mobile and desktop footer or header logos.
Hi IFP News,
If the above example is not working for you, please provide a link were I can inspect the problem.
Thank you for you understanding.
