Media Queries

In terms of media queries, the breakdown is:

/* Smartphones */
@media (max-width: 480px) { ... }

/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { ... }

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) { ... }

/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) { ... }

/* Large Display */
@media (min-width: 1200px) { ... }

The MAPP Certified Agency Ad Partners

Twitter for BusinessGoogle AdWords Certified PartnerYelp Advertising

PLEASE DON'T FALL FOR THOSE TELEMARKETING COMPANIES METIONING GOOGLE®. THEY DON'T REPRESENT GOOGLE® NEITHER ARE THEY CERTIFIED DUE TO THEIR PRACTICES! ASK IF THEY HAVE ACTIVE CERTIFICATION BY THE COMPANY NAME THEY REPRESENT AND LOOK THEM UP BEFORE YOU PARTNER! (WE SHOULD RECORD THE CALLS WE GET)!

DMA AAAA AAF ANA BBB DAA iab  LG NAI

Navigation

Powered by RokNavMenu
image

For mobile devices, there are two options, a dropdown panel menu with items in a tree format or a select box using the browsers own UI elements. Chose a format in the menu settings.

The Dropdown Menu is a CSS driven dropdown menu, offering such features as multiple columns, inline icons, subtext, modules and positions, custom column widths, item distribution and menu offsets.

SplitMenu displays 1st level items in the navigation bar and children in the Sidebar.

MAPP Login