Navigation
Archive / Topbar social icons in one line in mobile-view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 14, 2016 at 2:21 pm #882920
    dogpile
    Participant

    In the mobile view, my social-icons in the topbar are stacking 1 on 2 on each other, how can i make them show up in a single row?

    Thank you so much!

    April 14, 2016 at 2:22 pm #882924
    dogpile
    Participant
    This reply has been marked as private.
    April 14, 2016 at 10:53 pm #883539
    dogpile
    Participant

    solved Through this post:

    @media(min-width: 980px){
    .x-topbar .x-social-global {
    float: left;
    }

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

    @media(max-width: 979px){
    .x-topbar .p-info,
    .x-topbar .x-social-global {
    float: none;
    text-align: center;
    }

    April 15, 2016 at 12:51 am #883702
    Lely
    Moderator

    Glad you were able to figured this out.

    Cheers!

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