ampproject / ampproject/ampstart
How to use RESPONSIVE MENUBAR
- Dominant language
- HTML
- Stars
- 415
- Forks
- 147
- PR merge metrics
- No merged PRs in 30d
Description
I copied and pasted the code from [AMP Start](https://www.ampstart.com/components#navigation), but got the following:

Here is the code of the page:
```
body {
-webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
animation: -amp-start 8s steps(1,end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
```
Am I missing anything?
Contributor guide
Research direction
Start with the AMP Start navigation example linked in the issue and compare it with the posted HTML, especially the amp-sidebar and amp-accordion elements. Reproduce the screenshot; done means determining what is missing for the responsive menubar to render as intended.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100