# Create a Divi Mobile Menu Collapse Effect Source: [https://joshhall.co/how-to-create-a-divi-mobile-menu-collapse-effect/](https://joshhall.co/how-to-create-a-divi-mobile-menu-collapse-effect/) CSS ``` /********* Mobile Menu Collapse ********/ /**** This hides the sub menu items on mobile ****/ #main-header .et_mobile_menu li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ #mobile_menu .menu-item-has-children { position: relative; } #mobile_menu .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ #mobile_menu .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ span.menu-closed:before { content: "\4c"; display: block; color: #fff; font-size: 16px; font-family: ETmodules; } span.menu-closed.menu-open:before { content: "\4d"; } ``` jQuery (Put this in the section in the integrations tab under Divi > Theme Options > Integrations.) ``` ```