Combining two HTML files

Question

I have two separate HTML files both with different css and javascript. The one file is a responsive burger menu and the other a desktop and laptop dropdown menu. I want to know if there is a way of making it so that when the device with is less than 700px it switches from the full navigation bar to the burger menu. Would I have to put both menus into one file?

Answer 1

To switch from full navbar to burger menu, checkout the CSS @media rule.

@media screen and (min-width: 700px) {
    /* 
      Your code here (e.g burger menu class set to active)..
    */
}