How do I fix CSS on amp version?

  • Resolved redshot

    (@redshotalpha)


    5 years, 6 months ago

    Hi,

    It’s my first time using this plugin. I tried using it on localhost first. This is my current settings:

    Website Mode: Transitional
    Validation Handling: Checked
    Supported Templates: Checked

    When I go to test url like https://localhost/mysite/property-management/?amp the CSS looks messed. Do you know where can I properly correct the CSS?

    I understand that the plugin does not do mobile redirection. It will show amp version when searched on google.

    Any help is greatly appreciated. Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Weston Ruter

    (@westonruter)

    It’s hard to help without being able to see your actual site on a public server.

    If you look at the source of the AMP page, there should be some HTML comment before the style[amp-custom] element that indicates the CSS files being concatenated. There may be some error indicated there about excessive CSS. Please share the contents of that comment.

    Also, if you try editing a post and save the changes, do you see any message from the AMP plugin about validation errors?

    What theme/plugins do you have active?

    Thread Starter redshot

    (@redshotalpha)

    Hi.

    The theme that I am using is Divi. The errors that I see about the page I am trying to configure is about excessive_css and invalid_element: <script>

    I tried to view the source but I don’t see a style[amp-custom] element

    Plugin Author Weston Ruter

    (@westonruter)

    Divi is not known to be AMP-compatible, so I’m not sure you’ll be able to use Transitional or Standard mode. You may need to stick with Reader mode. For reference, here are the themes known to be AMP-compatible: https://amp-wp.org/ecosystem/themes/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I fix CSS on amp version?’ is closed to new replies.