Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

Adding icon + phone number into the primary navigation

mphendriks's Avatar

mphendriks

06 Jul, 2015 01:10 PM

Hi guys,

Is it possible to add an icon (attached) and phone nummer (088 - 30 40 470) into the primary navigation?

www.projectreports.nl

I've tried adding it via CSS but the icon and phone number jump to the next line.

With kind regards,
Matthijs

  1. 1 Posted by Eric Schmidt on 06 Jul, 2015 05:06 PM

    Eric Schmidt's Avatar

    Hi,

    I can't view your site at that domain, I'm getting a 500 error. You would want to add that icon as a background image to that specific link. On your Menus page, click the Screen Options button in the upper right and make sure 'Custom Class' is checked on. This allows you to add a class to your menu items. Add the 'phone' class to your phone number link. You can setup a custom link using "tel:xxxxxxxxx" as the URL, replacing the x's with your number. Then you can target that with custom css...

    .sf-menu li.phone a {
    padding-left: 30px;
    background: url(http://domain.com/fullimageurl.jpg) no-repeat;
    background-position: left center;
    }
    

    Eric

  2. System closed this discussion on 20 Jul, 2015 05:10 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac