Support » Plugin: AMP for WP - Accelerated Mobile Pages » CSS syntax error in tag ‘style amp-custom’ – invalid declaration

  • Resolved charafweb

    (@charafweb)


    Hi Dev Team,

    Thank you for this powerful plugin.

    I installed the plugin, did some configuration and I tested a post using search.google.com/test/amp website. But unfortunately, I got the validation issue : CSS syntax error in tag ‘style amp-custom’ – invalid declaration.

    Here :

    @supports (-webkit-touch-callout: none) {
    .tg + .hamb-mnu { <--- Validator indicates this line
        position:relative;
        overflow:hidden;
    }

    I’m using version : Version 1.0.57.

    I do not know if it’s my fault or a it’s bug !

    Could you help please. Thanks

    • This topic was modified 7 months, 3 weeks ago by charafweb. Reason: adding version
Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter charafweb

    (@charafweb)

    I tested all versions from 1.0.58 and down, all have the same issue until version 1.0.53.1 that has another bug : The tag ‘link rel=canonical’ appears more than once in the document. !!

    • This reply was modified 7 months, 3 weeks ago by charafweb.
    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

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

    Thread Starter charafweb

    (@charafweb)

    Hi @ahmedkaludi

    Sorry, I deactivated the plugin on my live website, so I can’t give you an URL. I’m testing right now on localhost only.

    But, I succeeded to find where the issue comes from : If you go to : Design > header > Advanced Header Options and you change Menu Overlay Position to Right, you will get that error !

    Thank you

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    We enable the “Advanced Header Design” option and we didn’t find any issues. Can you please activate the plugin and share that website URL with us? After that, we can debug your issue. So please activate the plugin and let me know.

    Thread Starter charafweb

    (@charafweb)

    But now I don’t have any issue after I switched Menu Overlay Position to Left. Thank you

    Thread Starter charafweb

    (@charafweb)

    @ahmedkaludi , here is a page with that issue:

    https://topmatchs.com/lille-valence-direct-streaming-chaine-tv-23102019/amp/

    • This reply was modified 7 months, 3 weeks ago by charafweb.
    • This reply was modified 7 months, 3 weeks ago by charafweb.
    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    Can you please tell me are you enable the “minify” option on your AMP page? If you are enabled, please disable that option and test once. Then let me know.

    AMP -> Settings -> Performance -> Disable Minify

    Thread Starter charafweb

    (@charafweb)

    Hi @ahmedkaludi

    Yes, “Minify” was activated. But, even if disabled the magnification the issue persist.

    You can find my options I exported from the plugin here : https://pastebin.com/CUhTWZBu (available for 1 day).

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    We checked your page. Now the page is working perfectly. The page is a valid AMP page.
    Like this: https://prnt.sc/tdu6r5

    Can you please check once and let me know?

    Thread Starter charafweb

    (@charafweb)

    Thank you for your reply. Yes, it’s working great because I switched back to “Left” for “Menu Overlay Position”. Anyway, thank you very much, I’m happy with you plugin, and I wish all the best

    Plugin Author Ahmed Kaludi

    (@ahmedkaludi)

    We are glad that your issue has been resolved.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘CSS syntax error in tag ‘style amp-custom’ – invalid declaration’ is closed to new replies.