Skip to main content

Command Palette

Search for a command to run...

Breakpoint Menu Module

Published
1 min readView as Markdown

GENERAL METHOD

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1149px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}

/*remove bullet points from submenu*/
.et_pb_menu .et_mobile_menu .entry-content ul {
  list-style-type: none;
}

/*remove padding left on submenu*/
.et_pb_menu .et_mobile_menu {
    padding-left: 0;
}

ALTERNATIVE METHOD

/* MENU MODULE BREAKPOINT */
  @media (min-width:981px) and (max-width: 1160px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block;

    }
    .et_mobile_menu {list-style:none !important;}
    .et_pb_menu__wrap .mobile_menu_bar {
    position: absolute;
    right: -32vw;
}
    .et_pb_menu_0.et_pb_menu .et_mobile_menu {
     left: 67vw;
    max-width: 280px;
    top: 50px;
}
}
  /* END MENU MODULE BREAKPOINT*/
10 views