Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Responsive slider widget › Reply To: Responsive slider widget
November 7, 2013 at 6:38 am
#2648
livemesh
Keymaster
For enabling mobile menu on iPad, you need to insert the following Custom CSS (essentially move the CSS code currently in place for lower resolutions tablets in file css/responsive.css to a media query for higher device width ) –
@media only screen and (max-width: 1024px) { #primary-menu { display: none !important; } #mobile-menu { display: block; position: relative; margin: 0; background: #4E5052; } #mobile-menu > ul { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #5E5F61; margin: 0 auto; max-width: 380px; } #mobile-menu ul { display: none; list-style: none; text-transform: none; } #mobile-menu ul li { border-top: 1px solid #5E5F61; border-bottom: 1px solid #3D3F41; margin: 0; } #mobile-menu ul li:first-child { border-top: none; } #mobile-menu ul li:last-child { border-bottom: none; } #mobile-menu ul li a { color: #ccc; display: block; padding: 10px 5px; } #mobile-menu ul li a:hover { color: #eee; } #mobile-menu-toggle { display: block; position: absolute; top: 15px; right: 0; height: 22px; width: 24px; padding: 5px; border: 2px solid #bbb; } }