Menu on AMP Pages is Broken

Hi,

Indeed there seams to be a problem, there is set from google amp an inline style -> https://www.screencast.com/t/duWMf3kaxAU this should be 0 not 32 -> https://www.screencast.com/t/6dWtG7tScd2 we’ll try to find a way to fix this problem for the coming updates.
As a quick fix you can try this custom css
-> https://www.screencast.com/t/uYL9Bkm4RhBe
.td-menu-background{
background-position: center top!important;
position: fixed!important;
top: 0!important;
}
.td-mobile-content{
padding: 20px 20px 0;
}
The code need to be set in Theme Panel>Mobile Theme>Custom code> Css

Thank you for your understanding and sorry for the inconvenience!

Hi,

For amp logo, you can add this custom css and the logo will have the normal size -> https://www.screencast.com/t/IRR8SCLyU
.td-main-menu-logo amp-img img {
width: 100%;
}
-> https://www.screencast.com/t/UEdtyvUmTm
In order to clear AMP cache that Google please check this article -> https://developers.google.com/amp/cache/update-cache

Thank you!

Hi,

The menu appear expend because is using JavaScript on mobile menu, and in amp version the JavaScript is removed, in this way was build the method to work for amp menu, maybe the collapse amp menu will be implement in coming updates.

Thank you for your understanding!

Hello TimeToGoogle,

Please make sure that after you set the code you clear all cache and you coll the google to re-index your posts/pages.
In order to clear AMP cache that Google please check this article -> https://developers.google.com/amp/cache/update-cache
Ask Google to recrawl your URLs ->https://support.google.com/webmasters/answer/6065812?hl=en
If there is still a problem, please provide me a link where I can inspect your website and some screenshots with the implementation of code you’ve made.

Thank you!