Cosily
Fix Mobile Menu
Go to Appearance > Customize > Additional CSS and enter the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
.mega-menu-primary .header .nav nav > select { display: none !important; } .mega-menu-primary .header .nav { padding: 0; background: none; height: auto; border: 0; border-radius: 0; box-shadow: 0 0 0; z-index: 999999999; position: relative; cursor: auto; top: 14px; overflow: visible; } @media screen and (max-width: 1200px) { .mega-menu-primary .header .nav { width: 700px; } } @media screen and (max-width: 1023px) { .mega-menu-primary .header .nav { width: 100%; clear: both; float: none; margin-bottom: 20px; top: 0; } } |