Remove menu from mobile view

• 

  kbs37 · Member · Feb 28, 2014 at 4:54 pm

  • Copy link
  • Add topic to favorites

  How can I remove the menu from the mobile view only?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Mar 1, 2014 at 1:48 pm

  • Copy link

  To target mobile only, you can use media queries. Here is a page with some examples to get you started:

  Media Queries for Standard Devices

• 

  designsimply · Member · Mar 1, 2014 at 3:21 pm

  • Copy link

  First, here is an example that will hide the main menu in the Currents theme:

  #navigation {
  	display: none;
  }

  Then using the advice in this link as a guide:
  http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

  You could apply the CSS from above to devices iPad sized and smaller using the following media query:

  @media only screen
  and (max-device-width: 1024px)  {
  	#navigation {
  		display: none;
  	}
  }