Navigation
Archive / changing alignment for topbar texts
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 20, 2017 at 7:33 am #1338303
    koosang153
    Participant

    Hello,

    I just put some texts that has links on the top bar, and I want to make the text to be aligned to the right on pc, and aligned center on mobile.

    Right now, it is left aligned as you can see the first attachment.

    Please let me know how to change the coding on custom css.

    And for the mobile view, there is grey line around the top bar texts, is there any way I can remove the grey line square?

    Please help!
    Thank you!

    January 20, 2017 at 7:34 am #1338306
    koosang153
    Participant
    This reply has been marked as private.
    January 20, 2017 at 12:30 pm #1338672
    Jade
    Moderator

    Hi there,

    Please try this code:

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

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

    Hope this helps.

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