The AMP logo looks very terrible. Just check out this article: https://review.solar/latest-tier-1-solar-panels-list-2018/
How can improve it?
Thank you.
Check this direct link: https://review.solar/latest-tier-1-solar-panels-list-2018/amp/
Hi,
I have seen similar issues in some other cases, can’t say why it happens however. Try to use an image of a different size (smaller or bigger) also of a different format.
Try with the current logo you use now but change it’s size, see if this has any effect.
Thanks
I have tried, not fixed.
I have tried to add this CSS to the code. It would fix it. But the code is not being applied. How to add this CSS to amp site?
.td-amp-site-logo {
max-height: 40px;
max-width: 200px;
margin-top: 10px;
}
Thank you.
I tried with the logo you are currently using, the same result for me
– https://www.screencast.com/t/G6BUZFdLi
Then I tried with the logo image you have in the footer
– https://www.screencast.com/t/Xs8zbwva3g
That one is bigger and seems to display properly, please give it a try.
Can’t we put margin or padding top and bottom of it? It’s showing edge to edge.
The logo should occupy the full height of the header (100%), it is intended. You could use some CSS to make it smaller and add a margin but this CSS can only be entered in the plugin itself. The AMP plugin does not have a custom CSS section at the moment
– https://forum.tagdiv.com/topic/how-to-change-this-color-and-text/
Something like this maybe – https://www.screencast.com/t/BFsSVhOX
#td-header-menu .td-main-menu-logo .td-logo .td-amp-site-logo.i-amphtml-element.i-amphtml-layout-fixed.i-amphtml-layout-size-defined.i-amphtml-layout {
max-height: 50px;
margin-top: 5px;
}
