Top Bar – text wrapping in top nav

[everbeta]

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.

[Rui Guerreiro – SUPPORT]

Hi,

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

-Rui

[everbeta]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

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

[everbeta]

Awesome! Thanks so much!

[Rui Guerreiro – SUPPORT]

No problem. Glad it’s sorted.

-Rui