I am struggling with understanding how to accommodate narrow screen usage so I took a few screenshots of the BBC and the Guardian website mobile versions - both the mobile version as seen on my desktop and the much collapsed version as seen on my Android smartphone. I am attaching some images and would be grateful if someone could explain the issues. Both mobile sites (I have ignored the desktop versions of these websites) show the related sites (eg BBC sport/News) and the related sites are colour-coded to avoid confusion. However, both sites keep the main menu the same at the top in whichever related site you are in. As your screen gets narrower, you see fewer of the related sites in the top menu but they appear in a dropdown. Pages within each related site (specific sports for example, or news from different countries) appear in a tab or again in a selectable drop down menu according to the size of the screen. Screenshots:
1: BBC Mobile site top menu as seen on my desktop - colour coded related sites but top menu the same -= more or fewer options seen according to the screen size
2: Smart phone views of BBC Site. The "Menu" link provides a link and consistency between all related sites.
3:Guardian mobile website as seen on a desktop. Again, top menu shows all related sites with each site displaying in a different colour to avoid confusion
4: Smart phone view of Guardian website.