Navigation
Archive / Top Bar Text Overlap
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 20, 2016 at 11:49 am #1139571
    bluetroop2
    Participant

    http://tac.bluetroop.com/

    Please view this page on a mobile phone size screen. The top bar text overlaps the company logo. What bit of CSS code can I use to correct this?

    August 21, 2016 at 12:38 am #1140046
    Christopher
    Moderator

    Hi there,

    Please find this code :

    .x-topbar {
    position: relative;
    max-height: 26px;
    border-bottom: 0px solid #0093c9;
    background-color: #eae9e9;
    z-index: 1031;
}

    And update it to :

    @media (min-width:9797px){
.x-topbar {
    max-height: 26px;
}
}
.x-topbar {
    position: relative;
    border-bottom: 0px solid #0093c9;
    background-color: #eae9e9;
    z-index: 1031;
}

    Hope that helps.

    August 21, 2016 at 12:44 pm #1140529
    bluetroop2
    Participant

    Yes, works great, thanks for your help!

    August 21, 2016 at 4:29 pm #1140625
    Nabeel A
    Moderator

    Glad we could help.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1139571 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>