Archived topic
Mobile Menu
3 replies · Started by Andrew on September 28, 2021
Hello, I added the below CSS to change the color of the toggle menu, and add a border to it. I was wondering how I could remove the border from the submenu that dropdown on mobile? Any help would be greatly appreciated !
https://biostaging1.wpengine.com/
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
background-color:#ffffff;
border:1px solid #EF1C23;
color:#EF1C23;
}
Hi Andrew,
Not sure I fully understand, are you trying to remove the border around the menu?
https://www.screencast.com/t/O3mBvOo5t
If so, you just need to remove this selector from your CSS:
, .has-inline-mobile-toggle #site-navigation.toggled
Let me know :)
Figured it out sorry about that
No problem :)
