Soapy Theme – Header & Logo Setup Guide

The Soapy theme uses Elementor for visual editing and the Aheto plugin for theme-specific features, including global header management. Follow the steps below to set up your header and logo as per the demo.

1. Import the Demo Content (to match the demo header) #

If you want the exact header used in the demo, you’ll need to import the demo content.

1. Go to WP Admin → Aheto → Demo Import.

2. Select the Soapy demo you want and run the import.

3. Wait until the import process completes — this ensures that the demo header template is available in your site.

2. Set the Global Header in Aheto #

1. In your WordPress dashboard, navigate to:

   • Aheto → Settings

2. Under the Global Header dropdown, select the header you imported from the demo.

3. Save changes.

3. Edit the Header with Elementor #

Once the header is set globally, you can customize it (including the logo) using Elementor.

1. Go to WP Admin → Headers.

2. Locate the header template you imported.

3. Click Edit with Elementor.

4. Change the Logo #

1. In Elementor’s editor, click on the header container (this may be a section, column, or widget depending on the header’s layout).

2. In the left Elementor panel:

   • Go to the Content tab.

   • Find the Logo option.

   • Upload or select your desired logo image from the media library.

3. Update the page to save changes.

5. Customize Menu & Icons #

While still in the header editor, you can also set up navigation and icons:

• Menu: Select the menu you want to display from the dropdown in the menu widget settings.

• Shopping Cart Icon: Enable or disable it in the widget settings, depending on whether you have WooCommerce active.

• Search Icon: Toggle it on/off and customize its style.

Click Update to apply changes to the live site.

6. Final Check #

1. Visit the front end of your site.

2. Confirm the new logo, menu, and icons appear as expected.

3. Test on both desktop and mobile views to ensure responsive display.