How to make a mobile-only accordion using Bootstrap 4?

Question

Bootstrap

Hello. Can you please tell me how to make an accordion only for the mobile version using Bootstrap 4? Now the site has 2 versions footer(which is not correct) of how to use the accordion on Bootstrap 4 to make it work only when a certain screen width is reached (something like responsivein unslick) slick.js.

Answer 1

Bootstrap is not needed here.
Right now on your site, footers are switched using media queries .

@media (max-width: 1400px){
.footer {
    display: none;
  }
  .footer-mobile {
    display: block;
  }
}

Those. the desktop footer disappears below 1400px and the mobile footer turns on.
Change the query to, for example, "media (max-width: 767px)"