Frequently Asked Questions - SW Sprocket Rocket Modules

Each Mega Panels card uses a Menu Type to control the desktop experience:

• Dropdown: A compact flyout without a Featured image. View the Dropdown example.
• Dropdown + content: A live HubSpot menu list paired with Featured content. View the Dropdown + content example.
• HubSpot columns: Second-level HubSpot menu items become column headings, with up to five columns plus Featured content. View the HubSpot columns example.
• Custom columns: You write the desktop columns, while HubSpot child items are not shown there. Featured content remains available. View the Custom columns example.
• Custom menu: You write a left-side menu whose hovered item changes the content on the right. View the Custom menu example.

On phones, all five types use the same hamburger menu.

These settings work together, but each controls a different part of the Featured area:

• Featured Image Layout: Chooses where the image appears—stacked above the copy, to the left, or to the right.
• Image Display: Controls image height, Natural or Fixed height cropping, the crop anchor, copy placement, and optional Desktop or Tablet replacement images.
• Featured: Holds the image and written content visitors see. Featured images are not shown on phones.

View the Featured Image Layout example. Changing the layout moves the image; cropping and height remain under Image Display.

Open Image Display, choose Fixed height, set Height (px), and pick an Anchor (where the crop keeps focus). That crops the photo with cover.

Natural keeps the photo’s own height. Left vs stacked is still Featured Image Layout, not Image Display. Optional Desktop Image / Tablet Image replace the file at those viewports — leave them empty to keep the XL photo, resized.

XL is the image used for the largest screens, and it is also the fallback for smaller screen sizes. If Desktop Image is empty, the module keeps the XL image and resizes it for the desktop layout. If Tablet Image is also empty, the same fallback continues to tablet. The order is XL image, then an optional Desktop override, then an optional Tablet override; leaving an override empty does not hide the image.

Apply Featured Style sets the default Featured treatment for every mega-menu card that does not have its own override. Override Featured Style changes that treatment for one Mega or Extra card only. This lets you keep a consistent default while making an intentional exception on a specific card. The same default-and-override idea applies to column styling and the left pane. View the Featured Style comparison.

Turn on Show Left Pane for that Extra Panels card. The left pane and Featured card will stretch to the same height. Add the image, headings, content, or buttons you want in the left pane. If Show Left Pane is off, the Featured area uses the full width instead. View the Extra Panels comparison.

On phones, every Menu Type uses the same mobile hamburger menu. Featured images and Extra Panels stay hidden so visitors get a simpler list of HubSpot menu items. Override Mobile Menu changes which HubSpot menu appears in that list; it does not add the desktop panels or images.

View the mobile menu example. It shows these four states:

1. Closed bar: Logo, one button, and the hamburger control.
2. Simple link: Tapping the label opens the linked page.
3. Closed parent item: The label opens its page, while the plus reveals child pages.
4. Open parent item: Child pages are visible, and the minus closes the group.

Yes. Crop, height, and Desktop/Tablet replacement files are one set per panel. Each rail row still has its own Media file.

Hover or focus swaps the right pane. Click follows that row’s link. Leave Desktop/Tablet Image empty to keep the XL photo, resized — empty does not hide.

SW CTA Popup Events is a corner popup that promotes one upcoming event from a Google Sheet. It uses the same layout and trigger controls as SW CTA Popup and the same Sheet columns as SW Events Basic. An upcoming featured event takes priority; otherwise, the popup selects the next event by date. When no upcoming events remain, you can hide the popup or show a fallback CTA.

Use SW CTA Popup for a simple authored popup (headline, body, optional thumbnail). Use SW CTA Popup Events when the popup should auto-pick the next workshop from a Google Sheet. Use SW Events Basic for a full events page with a card list and RSVP form. Use SW Popup Panel when you need multiple variants or page-specific rules.