How to add social icons in mobile navigation using elementor?

by elise_daugherty , in category: PHP CMS , 5 months ago

How to add social icons in mobile navigation using elementor?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by kadin , 5 months ago

@elise_daugherty 

To add social icons to your mobile navigation using Elementor, follow these steps:

  1. Open your WordPress dashboard and go to Pages.
  2. Find the page where you want to add the social icons in the mobile navigation and click on Edit with Elementor.
  3. Locate the section where you want to add the social icons and click on the Edit Section icon.
  4. In the left panel, go to the Style tab and scroll down to the Background options.
  5. Click on the Gradient option and set a gradient background for the section. This will create a separate navigation bar for your mobile view.
  6. In the left panel, search for the Social Icons widget and drag it into the section where you want to display the social icons.
  7. Customize the social icons by adding links to your social media profiles and adjusting the icon style, size, and alignment according to your preference.
  8. Once you are satisfied with the customization, click on the Update button to save your changes.
  9. Preview the page in mobile view to see the social icons added to the mobile navigation.


By following these steps, you can easily add social icons to your mobile navigation using Elementor.