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

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 6 years, 2 months ago by Leo.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 10, 2019 at 2:48 pm #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?

July 10, 2019 at 5:43 pm #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 🙂
July 11, 2019 at 12:17 am #954627

Roger

Perfect, that did the trick! Thanks, Leo 🙂

July 11, 2019 at 9:36 am #955095

Leo
Staff
Customer Support

No problem 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.