Force iPad portrait display to be more non-mobile?

[Kate]

Kate

October 14, 2014 at 12:35 pm

I have a site using boxed layout with a max width of 960px. I used the following to set this limit:

@media (min-width: 960px) {
.container {
width: 960px;
}

When viewing the site in the iPad’s landscape mode, I see the regular primary navigation menu, and the site has the same layout as on the computer, which is good.

However, when I view the site in the iPad’s portrait (vertical) mode, the menu changes to become the mobile menu. The site switches to the mobile layout with items stacked vertically instead of having the sidebar.

I don’t mind the different placement of the sidebar content as much, but I am wondering, is there a way I can force the site to show the regular primary menu instead of the mobile menu in the iPad’s portrait (vertical) mode? Is it possible to still display the sidebar in the iPad’s portrait view, too?

Note: Currently I have some custom CSS on the primary menu items to make them fit the menu bar:
padding: 6px 12px 6px 12px;

*Login to see link