Incorrect tag img in AMP

Hello @blackstar1991

Thank you for the support topic, We will recommend not overwriting default CSS,
Alternatively Can you please add the following CSS by logging in as admin then visit

Dashboard->Appearance->Customize->Additional CSS

html[amp] .bahsegel_homeBonus__center {
    min-width: 100%;
}

This should fix issue with image, please take not that AMP specific CSS can be added using html[amp] selector

Let me know if this helps!

Unfortunately these styles didn’t work.
Also didn’t work

html[amp] .bahsegel_homeBonus__center {
    max-width: initial;
}

@blackstar1991

Hmm strange, it should work
I am seeing min-width:initial right now

I don’t understand either.
I also try variants with

html[amp] .bahsegel_homeBonus__center .i-amphtml-intrinsic-sizer {
    max-width: initial;
}

.bahsegel_homeBonus__center .i-amphtml-intrinsic-sizer {
    max-width: initial;
}

but it didn’t work too. Without plugin css looks OK. *Site don’t have Cache-plugin.

• This reply was modified 2 years, 7 months ago by Andry.

@blackstar1991

The div in question .bahsegel_homeBonus__center has position:absolute property, taking it out of normal flow so currently AMP plugin can’t render size of the image correctly.

So I will recommend adding dimensions to the wrapper div of image .bahsegel_homeBonus__center

eg :

.bahsegel_homeBonus__center{
   width:100%;
}

OR

.bahsegel_homeBonus__center{
   width:460px;
}

Yes, thanks It’s work

@blackstar1991
Glad our suggestion is helpful, I’ll mark this as resolved Open a new support topic if you face further issues, also feel free to leave a plugin review, we would love to hear your feedback.