Social Media Icons in Menu

Hi funcoder,

Yes, it’s possible to add social icons to the main desktop menu with the free version. Please see:

https://www.megamenu.com/documentation/add-social-links/

Regards,
Tom

Thanks for answering. Works great although the icons seems to be a bit small and not on the right side of the menu bar, only from the menu text.

I have another question: How is it possible to hide the arrows on desktop screens while displaying on mobile devices only? I don’t need it on desktop screens because I want to use flyout and mega menus for this to save menu space but if I disable it under the settings they are also unavailable for mobile devices and you cannot recognise which menus are having submenus without guessing.

• This reply was modified 6 years, 9 months ago by funcoder88.
• This reply was modified 6 years, 9 months ago by funcoder88.

Hi Funcoder,

Step 3 on the link I posted shows how to align the menu items to the right hand side of the menu bar.

To hide the arrows on desktop only, first set the arrows to display everywhere, then go to Mega Menu > Menu Themes > Custom Styling and add the following:

/** Hide Arrows on desktop **/
@include desktop {
    #{$wrap} #{$menu} li.mega-menu-item-has-children > a.mega-menu-link:after {
        display: none;
    }
}

Regards,
Tom

Hi Tom,

many thanks! It work perfectly for me. ?? Now I would like to add some custom icons for Facebook, Twitter and YouTube (and maybe a fourth one) on the right side of the bar. The PNG-Files has been created by me – no need for the full Icon-Set of the Pro Version but I would be prepared to donate you with a small amount if you could tell me wether it’s possible to do this with custom css styling as well. I really would like it to look like this: https://www.megamenu.com/wp-content/uploads/2015/07/social-link-end-result.png

Could you help me out, please?

• This reply was modified 6 years, 9 months ago by funcoder88.

Hi funcoder,

The screenshot you posted has been made using the custom icons feature in the Pro version:

https://www.megamenu.com/documentation/custom-menu-icon/

Regards,
Tom

Yes, I know. ??

But would it be possible to add them via custom css as well? It’s the only feature I would need.

Hi funcoder,

Yes, it would be possible using custom CSS (that is how the Pro version works – it generates the CSS for you), I guess it would be about an hours work to custom code it.

I don’t cover custom coding under free support sorry (especially for features that are already available in pro) but you could try somewhere like codeable.io, peopleperhour or fiverr.

Regards,
Tom