menu in tablet landscape vs. portrait view

MiguelCz

Hi all!
When I view my website (www.miguel.cz) on landscape view on the tablet (I have iPad 2) the menu looks fine, however if I go to portrait view, the menu breaks into two lines due to small space. I guess also in smaller tablet such as iPad-mini (I don't have so I can't try).
I'd like to force it to become collapsed as in does in the phone.
I know of Aaron's customization (http://www.aaronmphotography.com/Customizations/Sitewide/Screen-Width-Customizations) for mobile devices but I can't figure out how exactly write what I want in CSS.
Any help is much appreciated!

MiguelCz

No thoughts anyone? I have searched all over but can't find it.

Seems like Smugmug by default compresses the menu for mobile devices starting at 670px screen wide.

All I want is to increase this to 925px (I see at Screenfly that's the number when my menu starts to crumble).

I know the code must be something like:
@media only screen and (min-width: 925px) { .??? { display: ???;} }

Any help much appreciated!

AceCo55

Can't help with the specifics BUT you can simulate/preview your website on various devices and screen sizes by using this:

http://quirktools.com/screenfly/

MiguelCz

AceCo55 wrote: »

Can't help with the specifics BUT you can simulate/preview your website on various devices and screen sizes by using this:

http://quirktools.com/screenfly/

Hi AceCo55,

Yes, that's what I meant by "Screenfly", that's what I used to see the min-width needed.

Many thanks for the tip nevertheless!