Logo problem i-amphtml-sizer

Resolved wpforumsaccount
(@wpforumsaccount)

6 years ago

Hi,
when I upload a logo to the design 3, 190px x 36px no matter if it is png or jpg, the logo appears bigger than it should and also it doesn’t keep the aspect ratio.

It is because this padding-top. If I change it to 20% it shows the right way.

<i-amphtml-sizer style=”padding-top: 72.7685%;”></i-amphtml-sizer>

How can this be fixed? The set up is the default set up and I can’t find where that conf is added.

Thanks

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Can you please share your website URL with us? So we can analyze it and help you to fix the issue for you.

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

Hi Ahmed,
yes, the site is https://robotverde.com

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Can you please share the screenshots of how did you add the logo on your AMP page?
Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago
hi Ahmed, did you have time to check it? It is really hurting the user experience.
Thank you!

Sorry we replied at the same time. I attach it now.
- This reply was modified 6 years ago by wpforumsaccount.
Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

I did it same way I do it with some other sites i own.

AMP -> Settings -> General -> Logo

If i play with resize options, fixed with… same result
Logo is 190×36

https://ibb.co/NFsLsdV

But then I saw that in this sites i can see another place to upload a logo. It is in :

Main Settings -> Design and presentation -> Change logo

https://ibb.co/qsQqr1x

It makes no different result if I delete it here and leave just the logo in the other section or viceversa. It’s just that padding-top that mess everything up.

Thank you

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

Hi, any update?

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Try to use the flexible width and then this resizer option: https://ampforwp.com/tutorials/article/how-to-add-the-logo-in-amp/

If flexible doesn’t work then try fixed width and add 190px x 36px in the options.

Please try, it should work for you

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

I had tried that before, anyway I tried it again with no luck. The logo is shown with a weird aspect ratio.

The only way it works is by modifying the padding-top from 72 to 20%. I don’t know where it takes that value from.

https://ibb.co/3r6ydZL

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

Could you guide me in hardcoding that padding-top to 20%?
I’ve been reading the code but I’m not sure it can be done that easily.

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

I really need help with this. What membership plan should I buy to have support.
THanks

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Sorry for the late reply. Can you please share the screenshots of the option pannel where the logo is appearing?

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

Hi, do you mean these ones?
https://ibb.co/NFsLsdV
https://ibb.co/qsQqr1x

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Can you please use this resize method to your AMP pages?
AMP-> Settings-> General

Like this: https://prnt.sc/sonz1s

Thread Starter wpforumsaccount
(@wpforumsaccount)

6 years ago

That is what we first tried.
And it makes no difference. I can make the logo smaller but aspect ratio is wrong. And that padding-top in the i-amphtml-sizer is what screw everything

Plugin Author Ahmed Kaludi
(@ahmedkaludi)

6 years ago

Please select fixed width and height and set the value like this: https://monosnap.com/file/igvkGZLlY4C051nxFbsiC57BMb3KPC

It will solve the problem.

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

The topic ‘Logo problem i-amphtml-sizer’ is closed to new replies.

Tags