Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Responsive Menu Question

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #41312
    scottnix
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.