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.

Reply To: Mobile version – how to remove or resize menu items

#2228
Jason Bobich
Keymaster

Hello Marc,

It doesn’t quite work like how you’re expecting I don’t think; there is no separate mobile site or separate display. Your website is responsive and so it scales down with the viewport size. The theme only makes CSS changes with @media queries as the site scales down.

So any kind of CSS customizations you want to make would just go in the custom.css of your Child theme, and you could use @media queries to target mobile viewport like this. So if you wanted to hide the main menu, you’d do it with CSS most likely.

@media (max-width: 480px) {
      .page-id-123 #access { display:none; }
}

Note: The next update to the theme will have an option for you to have the main menu toggle open/closed on mobile like this: