[buddypress-trac] [BuddyPress] #3273: Make main nav drop-down items fit on screen (was: Sub navigation menu floats right)

[buddypress-trac at lists.automattic.com]

#3273: Make main nav drop-down items fit on screen
----------------------------+----------------------------
  Reporter:  lightcapturer  |      Owner:
      Type:  enhancement    |     Status:  new
  Priority:  normal         |  Milestone:  Future Release
 Component:  Theme          |    Version:  1.3
Resolution:                 |   Keywords:
----------------------------+----------------------------
Changes (by DJPaul):

 * keywords:  navigation, custom menu =>
 * type:  defect => enhancement
 * milestone:  Awaiting Review => Future Release


Comment:

 I tried this when we were updating the styles for the nav menus. It is a
 bit of a mixture of the RTL styles for the menus. While it looked better
 with regards to the edge of the screen, the usability suffered a bit and
 there is a visual oddity in navigation-mocup.jpg (edge of the 'dropdown'
 underneath the middle of the previous menu item).

 I suspect the best answer is, in a future theme, to not have the menus go
 right up to the edge of the main container. There may be some javascript
 solutions to stop the overflow/force the element back, but I always think
 this sort of menu should be achieved with just CSS.

 As a workaround, anyone wanting to do this needs to make sure that a
 hierarchical drop-down is not the end-most item in their menu.

-- 
Ticket URL: <https://trac.buddypress.org/ticket/3273#comment:1>
BuddyPress <http://buddypress.org/>
BuddyPress