Top Bar Text Issues

Support
#1

Hello X Team,

Please see this page as it responds to small screen sizes:

http://metroplex.bluetroop.com/causes-of-foundation-problems/

As the content is compressed to the size of a mobile phone screen, the top bar text spills down over the logo and will not respond by staying in it’s orange bar above the logo. How can I prevent it from doing this?

Thanks in advance.

#2

Hey,

As you have much text in the top bar, you can solve it increases the height of the top bar adding following CSS under the code below to X > Launch > Options > CSS

@media screen and (max-width: 481px) {
    .x-topbar {
     height: 162px !important;
  }
}
#3

Works great, thank you.

#4

Glad it worked.

Cheers!