[Resolved] Mobile Header – inserting social icons to the right of the site logo

Home Forums Support Mobile Header – inserting social icons to the right of the site logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #954376
    Roger

    Hi, I have used the inside_mobile_header hook to insert social icons next to the site logo. However, they persist in showing up to the left of the logo. How do I force them to the right so that the logo is first?

    #954445
    Leo
    Staff
    Customer Support

    Hi there,

    Can you try modifying your existing CSS:

    @media (max-width: 768px) {
        .mobile-header-social-icons {
            text-align: right;
            line-height: 60px;
            padding: 0 1%;
            float: right;
        }
    }

    To this?

    @media (max-width: 768px) {
        .mobile-header-social-icons {
            line-height: 60px;
            padding: 0 1%;
            order: 2;
        }
    }

    Let me know 🙂

    #954627
    Roger

    Perfect, that did the trick! Thanks, Leo 🙂

    #955095
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.