Site logo

Archived topic

Add Phone Icon to Right of Menu in Mobile Header

5 replies · Started by Aaron Harms on February 19, 2019

Viewing posts 1–6 of 6

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

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 :)

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.

Hi there,

try this CSS:

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

Thats perfect David! Thank you!

Glad to be of help.

This archived topic is closed to new replies.