Make Arrow Headers Theme Responsive in Product Builder

Product Builder offers a variety of different themes to choose from, each theme offering a unique purchase process to your customers:

  • Standard
  • Strong Headers
  • Arrow Headers
  • Vertical

To make the Arrows theme responsive, please follow the steps below.




  1. From the Shopify admin, select Apps.
  2. Select Product Builder.
  3. Select Edit Product next to the builder you want to make responsive.

    Select Edit Product

  4. Select Arrow Headers.

    Arrow Headers

  5. Select Customize Selected Theme.

    Customize Selected Theme

  6. Under Customize Theme CSS, find the line: /* Shappify Inc - Product Builder App Styles - theme 3 */

    Find Shappify Inc - Product Builder App Styles - theme 3

  7. Copy and paste the Responsive Arrow Headers CSS below this line.
  8. Select Save.
Was this article helpful?
0 out of 1 found this helpful