Yoko sub-menu on mobile

• 

  grinnpidgeon · Member · Jan 15, 2014 at 2:01 pm

  • Copy link
  • Add topic to favorites

  I’m wondering why our sub-menu–the one under the header image–always switches to a vertical menu on the iPad, instead of remaining horizontal. It is a menu of categories. It takes up a lot of space that way and looks unattractive. Here is a screenshot: http://aectech.files.wordpress.com/2014/01/submenu.png

  We have the premium upgrade on this site. Thanks for any ideas.

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

• 

  a1jesin · Member · Jan 16, 2014 at 7:05 pm

  • Copy link

  That is because of CSS media queries. You can override it with the following custom CSS.

  @media screen and (max-width: 880px) {
  #subnav ul li {
  	float: left;
  	width: auto;
  }
  }

• 

  grinnpidgeon · Member · Jan 16, 2014 at 7:21 pm

  • Copy link

  Thanks. I don’t know what that means and maybe I can find someone to do it, but shouldn’t it just work properly in a mobile tablet browser?

• 

  a1jesin · Member · Jan 17, 2014 at 5:33 am

  • Copy link

  There is nothing wrong with the theme. It has been designed to work that way.

  You need to get the Custom Design upgrade first and then put that code in the CSS Editor page.

• 

  grinnpidgeon · Member · Jan 17, 2014 at 12:47 pm

  • Copy link

  Thanks.