Navigation
Archive / Topbar content alignment on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 8, 2017 at 11:33 pm #1363848
    L4MSP
    Participant

    Hello,
    I am using this code to swap the social icons and content alignment in the topbar.
    The first image is without it. The second is with it on mobile.
    How can I align the social icons using the code on mobile so that it looks like it does without the code?

    /* topbar content and social icons alignment */
    .x-topbar .p-info {
    float: right;
    }
    .x-topbar .x-social-global {
    float: left;
    }

    February 9, 2017 at 12:41 am #1363913
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    February 9, 2017 at 10:29 am #1364483
    L4MSP
    Participant
    This reply has been marked as private.
    February 9, 2017 at 1:07 pm #1364665
    Jade
    Moderator

    Hi there,

    Please try this code:

    @media (max-width: 767px) {
    .x-topbar .x-social-global {
        width: 100%;
        margin-bottom: 20px;
    }
}

    Hope this helps.

    February 9, 2017 at 2:04 pm #1364737
    L4MSP
    Participant

    Fixed! Thank you

    February 9, 2017 at 7:40 pm #1365189
    Friech
    Moderator

    You’re more than welcome, glad we could help.

    Cheers!

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