Changing when mobile menu is displayed

NOTE: Please see edits below The menu is activated via media queries. Media queries for width<=643px start at line 2771, and those for 767px start at line 2748. Now, to change the breakpoint for the menu, we’ll move the mobile menu css from the 643px media query section to the 767px media query. On line … Read more

Add Quicksand for mobile devices

You don’t actually have a reference to Google Fonts Quicksand stylesheet on your site. I would suppose that you have Quicksand installed on your PC and as a result it can be seen but you wouldn’t have it on your mobile and so it wouldn’t display. Either add the following to your site via wp_enqueue_style: … Read more

Navigation menu, remove item from desktop

Although this is not really a WordPress question, but the visibility property does not actually HIDE any element. It only fades it so you can’t see it, but it still reserves space for it. You need to use the display property: .mobile-only { display:hidden; } @media (min-width:992px) { .desktop-only { display:block !important; } } @media … Read more

Separate Mobile site

You could enable multisite and set up your mobile version on a subdomain. That would allow you to control both fairly easily. However it would ultimately be better to just make the original site responsive.