Ipad menu

tomrees

I would like to have my menu turn to a mobile version at a larger screen size than seems to be default. Currently my menu doesn't display as a mobile version until a very small screen size, smaller than ipad, which means a very messy menu between 13inch laptops and mini ipads. I would like the menu to become a mobile version when reduced below about 2500 pixels wide.

Hikin' Mike

You can't force "desktop" into mobile. You can move things around using CSS at different screen sizes, but the mobile version is pre-set by SM. I think the breakpoint is around 760px.

tomrees

Would you be willing to elaborate @"Hikin' Mike" ? CSS that can achieve what I'm looking for without affecting how I have either the desktop menu or mobile menu as they are would be greatly appreciated.

thank you

Hikin' Mike

For SmugMug sites any screen size greater than 737px displays it as a desktop. You see the full logo, menu etc. For screen sizes less and equal to 736px it displays as a mobile. The logo is smaller and the name "Menu" is displayed instead of the full menu. It's preset in SmugMug so there is no CSS to make it happen later/earlier.

What you can do with CSS is to move/hide thing with different breakpoints.

Sounds like you want to display a large monitor (2500px) as a mobile. It can't be done.