This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Different navigation for mobile devices

  • Creator
  • #14880
    Meg Maurek

    Hi. I have a jumpstart site that is using a graphical navigation that doesn’t work well on mobile devices. Is there a way that I can implement a text only nav for mobile only? If so, how would I do that? Here is my site:

    Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Author
  • #14887
    Jason Bobich

    Hello Meg,

    You’d just start adjusting it with CSS from your child theme’s style.css. You can target our specific viewport size 768 and below and just start chipping away at the CSS until it looks the way you want.

    @media (max-width: 515px) {
    	#primary-menu > li > a > span {
    		display: none;
    	/* And so on ... */

    Note: I’m using 515px as the mobile viewport cutoff because it looks like this is what you’re using in your child theme’s style.css.

    Jason Bobich

    Site looks great by the way!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.