adding social media icons with links in mobile navigation menu'

Hi there,

Do you want to add it in the actual menu bar (in green) or the menu items (in red)?
https://www.screencast.com/t/X6U73aECMEx

Let me know :)

I want to add at the buttom of menu items in red.

Hey Leo, can you tell me how to add social icons in menu items (in red) ???

Hi there,

Simplest method would be to use the Off Canvas Panel:

https://docs.generatepress.com/article/off-canvas-panel-overview/

This has its own widget area which you could use a plugin to add social icons. It also has its own Menu location ( like Primary Navigation ) so you could have a separate menu specifically for mobile including those social links.

Do I need to install any plugin with off canvas menu for social media icons?

I have changed the menu to the Off-Canvas menu.
Please check my site and tell me what to do next??

I want a design like this with social icons and search bar:
https://drive.google.com/open?id=1J_OX3K6V0b-g9McXUIA_tu1SmMo_BD16

1. Install Light Weight Social Icons Plugin:
https://wordpress.org/plugins/lightweight-social-icons/

2. Go to Customizer > Widgets > Off Canvas

- Add a Social Icons Widget
- Add a Search Widget

Is it not possible by CSS and coding??

Off Canvas is built into GeneratePress.
The Search Widget is built into WordPress.

The Social icons - of course you can code it - but why bother when the plugin does it for you.

Will there be any impact on load time when I use the plugin??

Not really - plugin was also developed by Tom - so it is lightweight.

1. Install Light Weight Social Icons Plugin: https://wordpress.org/plugins/lightweight-social-icons/

This plugin doesn't have WhatsApp and Tiktok icons

Hi there,

this is an old topic.
Instead you can either use:

a. the built in core Social Links Block.

or

b. the GenerateBlocks Buttons Block to create your own social buttons