Header Doubled and Search GB Not Showing Correctly on AMP

Hi there,

1. Header Doubled On AMP After Setup Padding Content

One of the menu is from AMP and the other one is from GP:
https://www.screencast.com/t/vHWzCvs0ot5

1). Can you make sure this is installed for best AMP compatibility:
https://docs.generatepress.com/article/amp-compatibility/

2). Can you check if there’s a setting in AMP to turn off the theme menu?

2. Search GB is not show center

Are you referring to the WP search block?
It’s because AMP set the search to 50% width on mobile:
https://www.screencast.com/t/eCZWpZfbif

I would recommend reaching out to AMP support for a solution.

For now, you can use this CSS to override it:

.wp-block-search__inside-wrapper.amp-wp-cd7753e {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
}

1. i already activate amp for gp, and still showing doubled menu, i using mobile header, i dont know what exactly happen the error on my header

2. solved

Try this CSS

 #mobile-header .menu-toggle:not(.amp-menu-toggle) {
    display: none;
}

thanks yin, its hide correctly, but dropdown and icon close menu not showing ??

like this

Hum.. try add this CSS:

.toggled .icon-menu-bars svg:nth-child(2) {
    display: block !important;
}

thanks yin,icon showing, but menu dropdown layout not fixed??

You can try this CSS to hide the black box:

button.dropdown-menu-toggle.has-svg-icon {
    display: none;
}

But there’s something wrong with JavaScript, so click doesn’t open the dropdown menu.

Can you disable all your plugins except AMP to test?

And are you using this AMP plugin? https://en-gb.www.ads-software.com/plugins/amp/

yes, i using amp wp contributors,

solved ying, btw i activated feature on perfmatter remove jquerry, now thats available again

thanks yin

Glad you sorted it out ??