Menu icon Foundation
How to restrict mobile view in my web application?

Hi,

We have developed web application using ASP .net MVC. Our application used ZURB foundation. Using zurb foundation we are able to view application layout according to device on which it run like desktop, tablet and mobile. Our requirement is to show tablet view in mobiles.

We need to show tablet view as our mobile view, how can we do?

We do not want to show zurb's default view for mobile, how can we restrict mobile view and show tablet view at mobile view?

Thanks

mobilemedia queriesbreakpoints

Hi,

We have developed web application using ASP .net MVC. Our application used ZURB foundation. Using zurb foundation we are able to view application layout according to device on which it run like desktop, tablet and mobile. Our requirement is to show tablet view in mobiles.

We need to show tablet view as our mobile view, how can we do?

We do not want to show zurb's default view for mobile, how can we restrict mobile view and show tablet view at mobile view?

Thanks

Rafi Benkual almost 4 years ago

You will want to use media queries for this.

Set your medium breakpoint to
SCSS
$medium-range: (0em, 64em); /* 0px, 1024px */

More info here:
http://foundation.zurb.com/docs/media-queries.html