Created a mobile menu gabmurger. On two pages it is displayed, and two durgy displays the normal menu. Here is the code:

@media only screen and (max-width: 780px) { .hamburger { padding: 15px; display: block; margin-right: 10px; position: relative; overflow: hidden; } .line { border-bottom: 4px solid #bbb; width: 35px; margin-bottom: 6px; } .line:last-child { margin-bottom: 0; } nav li { width: 100%; } .menu { height: 0; overflow: hidden; transition: height 0.3s linear; } .slide-down { height: auto; } }

With a screen width of 640px on two of the four pages of the site, a normal menu is displayed. How to solve this problem?

  • You show the menu in the work, a link to the site for example - user33274
  • @stackanon here are screenshots of how the menu looks on a mobile device with a width of 640px. [! [contact page] [1]] [1] [! [home page] [2]] [2] [1]: i.stack.imgur.com/kkmdx.png [2]: i.stack.imgur .com / 0P2W1.png - Arina
  • Arina I don’t need screenshots, you can cut it out of the screen and paste it anywhere, but to understand why it doesn’t work, you need to see the code - user33274

0