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
    Topic
  • #14880
    Meg Maurek
    Participant

    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: http://www.bornfit.com.

    Thanks for your help!
    Meg

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

    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.

    #14888
    Jason Bobich
    Keymaster

    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.