Forums

  • # December 12, 2012 at 9:57 pm

    For the sake of this simplicity, this involves a responsive mobile-first (small menu) and a full width (big menu, with drop downs).

    In general I try to take the mobile first approach, where all mobile styles reside in the main styling (not in a media query).

    However when it comes to menus, sometimes they tend to be completely different and overriding styles and just dealing with them can be tedious.

    What is your opinion on not putting the small menu in the main styles at all and instead put both menus in the media queries?

    Example:

    Mobile-first Main Styles (with no menu)
    @media (max-width: 768px) { small menu }
    @media (min-width: 768px) { large menu }

    For most menus, I don’t think this is needed. Although when both are very different it feels like this approach seems logical. Any thoughts?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag