[Resolved] Add Phone Icon to Right of Menu in Mobile Header

Home Forums Support [Resolved] Add Phone Icon to Right of Menu in Mobile Header

Home Forums Support Add Phone Icon to Right of Menu in Mobile Header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #815019
    Aaron Harms

    Hey GP! I love the theme so far!

    I’m trying to add a phone icon to the right of my MENU on mobile.

    So far, I’ve successfully added the icon via the inside_mobile_header hook, but it is displaying to the left of my logo. I would like it on the right of the menu.

    Thanks in advance for your help!

    Phone icon on left, but should be to right of MENU

    #815046
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    That’s the right hook, now you just need to add your content inside this div:

    <div class="mobile-bar-items">
        Your hook content
    </div>

    Let me know 🙂

    #815162
    Aaron Harms

    Hey Tom, I’ve already added the content. The content is the phone icon you see on the left. I would like the icon to display to the right of the menu.

    Not sure how to do that with CSS.

    #815280
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    #mobile-header .phone-icon {
        order: 4;
        margin-right: 10px;
    }
    #815735
    Aaron Harms

    Thats perfect David! Thank you!

    #815772
    David
    Staff
    Customer Support

    Glad to be of help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.