How to Add Buttons to the Hero Panel in Composer 2 (Mobile Only)

Follow these steps to add mobile-specific buttons to your Hero panel.

📂 1. Go to Panels

In the left-hand navigation of the CMS, open Panels.

🖼️ 2. Open the Hero Panel

Locate the Hero panel used on your page and click to open it.

🔄 3. Switch to Mobile View

At the top of the panel settings, toggle the view to Mobile.

📝 4. Open the Body Content Section

Scroll down to Body Content and click to expand it.

🎛️ 5. Edit the Widget

Inside Body Content, click to open the widget.

🔘 6. Select Button Group

Within the widget editor, select Button Group.

➕ 7. Add Your Buttons

Here you can:

• Add new buttons

• Set button labels

• Add links

• Adjust styles and colours

When finished, save your changes.

🚀 Final Step

Click Submit, then Save & Publish to update your live site.

💡 Notes

• Mobile button placement is independent from desktop, so changes here affect mobile only.

• Button colours, styles, and other design settings can be adjusted within the Button Group editor.