Navigation
Archive / Topbar height in mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 5, 2017 at 2:16 pm #1317780
    c1s
    Participant

    Hi,

    in mobile view, the topbar has two lines and unfortunately, the height is displayed asymmetrically (the bottom of the topbar is too thick). Please could you help me with this?

    I have implemented some css for the topbar already, which is:

    .x-topbar .p-info {
float: none;
}

.x-topbar {
height: auto;
min-height: 0;
line-height: 1.0em;
padding: 0 0 5px 0;
}

    Thanks!

    January 5, 2017 at 2:17 pm #1317782
    c1s
    Participant
    This reply has been marked as private.
    January 5, 2017 at 2:28 pm #1317810
    Jade
    Moderator

    Hi there,

    Please try this code:

    
@media (max-width: 480px) {
    .x-topbar .p-info {
        margin-bottom: 0;
    }
}

    Hope this helps.

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