Hi all,
I can’t figure out why the mobile menu for this theme, KidsLife, isn’t working. Probably something simple, as I am still learning CSS. Any help? The website is mayadelgado.com. Here is the toggle menu code. I’m doing something wrong. Any help? Thank you!
.dt-menu-toggle{display:none; color:#ffffff; font-size:16px; font-weight:bold; text-transform:uppercase; padding:10px 15px; cursor:pointer;}
.dt-menu-toggle-icon{background:#ffffff; display:inline-block; float:right; height:2px; margin-top:10px; position:relative; text-align:left; width:20px;}
.dt-menu-expand{font-size:16px !important; display:none !important; position:absolute !important; right:0px; top:0px; line-height:normal; padding:0px !important; text-align:center; cursor:pointer; width:37px; height:37px; font-weight:bold; background:none !important;}
.dt-menu-toggle-icon:before, .dt-menu-toggle-icon:after{content:""; position:absolute; background:#ffffff; height:2px; width:20px; left:0px; top:-5px;}
.dt-menu-toggle-icon:after{top:5px;}
