Hi,

Use the option "breakpoint" in your script: https://mdbootstrap.com/docs/jquery/navigation/sidenav/#options.

Best, Marta

I have the same problem, what can I do to change sidenav breakpoints without touching mdb code?

Ok, got it. Here it is, sidebar for the breakpoint 993px instead of breakpoint 768px mentionned above.
* Compatible with MDB Pro 4.4.1, MDB Admin Dashboard 4.3.0
Find in mdb.js:

var sn_breakpoint = 1440;

replace with:

/* edited by me: 1440 */
var sn_breakpoint = 993;

Find in mdb.css:

@media (max-width: 1440px) {
  .fixed-sn .double-nav,
  .fixed-sn main,
  .fixed-sn footer {
    padding-left: 0; } }

Replace with:

/* edited by me: 1440px */
@media (max-width: 993px) {
  .fixed-sn .double-nav,
  .fixed-sn main,
  .fixed-sn footer {
    padding-left: 0; } }

Find:

@media (min-width: 1440px) {
      .double-nav .button-collapse {
        display: none; } }
    @media (max-width: 1440px) {
      .double-nav .button-collapse {
        display: block;
        position: relative;
        font-size: 1.4rem;
        margin-top: 2px;
        margin-right: 10px;
        margin-left: 10px; } }

Replace with:

/* edited by me: 1440px */
@media (min-width: 993px) {
    .double-nav .button-collapse {
        display: none;
    }
}
/* edited by me: 1440px*/
@media (max-width: 993px) {
    .double-nav .button-collapse {
        display: block;
        position: relative;
        font-size: 1.4rem;
        margin-top: 2px;
        margin-right: 10px;
        margin-left: 10px;
    }
}

Find this to change the show/hide breadcrumb-dn (at a smaller breakpoint):

@media (max-width: 993px) {
    .double-nav .breadcrumb-dn {
        display: none;
    }
}

Replace with:

/* edited by me: 993px */
@media (max-width: 320px) {
    .double-nav .breadcrumb-dn {
        display: none;
    }
}

@media (max-width: 1280px) {
/*collapse code*/
}