ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• July 21, 2016 at 3:34 pm #283016
  everbeta

  Member

  Post count: 8

  I have a top bar in place with a menu, and when the browser is resized smaller, at some point, the menu in the top black bar (with student portal, etc) wraps to two lines. Is there a way that I can prevent this from happening – I am thinking that through CSS I might be able to adjust the percentages of the left and right areas, so the area containing the menu is 70%, and the area on the left with phone number and social icons is 30% ? (This site has maintenance mode enabled, so you will need to log in as admin to view.) Or if the entire top bar can be one container, I could place the items in two divs which float left and right. Thanks!

  Attachments:

  You must be logged in to view attached files.
  July 21, 2016 at 5:19 pm #283041
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you check the admin credentials since they are not working for me?
  Thanks

  -Rui

  July 21, 2016 at 5:23 pm #283044
  everbeta

  Member

  Post count: 8

  This reply has been marked as private.
  July 21, 2016 at 5:59 pm #283059
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,
  Try this code and adjust if necessary, the total should be always 100%

  @media (min-width: 768px){
    .tb-left.col-sm-6.clearfix {
       width: 40%;
    }
    .tb-right.col-sm-6.clearfix {
        width: 60%;
     }
  }

  Let me know if it worked.

  -Rui

  July 21, 2016 at 6:01 pm #283060
  everbeta

  Member

  Post count: 8

  Awesome! Thanks so much!

  July 21, 2016 at 6:01 pm #283061
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Glad it’s sorted.

  -Rui

• Back to forum

  Posted in: Dante