Buy buttons not aligning with product variation

Topic summary

A user is experiencing a layout issue with the Broadcast theme where buy buttons become misaligned when products have color variations. An attached screenshot shows the visual problem.

Troubleshooting Progress:

  • Multiple community members requested the store URL to investigate
  • User provided password-protected store link (k1gabj-zy.myshopify.com, password: diesti)
  • One responder suggested adding CSS code to the theme.css file targeting .product__submit__buttons with a 98px top margin for screens wider than 750px

Current Status:

  • The user implemented the suggested CSS code but reports the issue persists
  • User shared a screenshot showing where the code was added and asked for confirmation on placement
  • The discussion remains unresolved with the user seeking additional solutions
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

Hello,

I am using the Broadcast theme and when I have colour variations for a product it misaligns the buy buttons. Do you have any idea how I can fix this issue? Thank you so much!

2 Likes

Hi @charlotte1992 , can you share us your store URL?

Hi @charlotte1992

Please share the link to your product page so we can check

Hello @charlotte1992

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

https://k1gabj-zy.myshopify.com/ the password is diesti

Thank you!

https://k1gabj-zy.myshopify.com/ the password is diesti

Thank you!

1 Like

Please add this code to theme.css file

@media (min-width: 750px) {
    .product__submit__buttons:has(.tpo_has-option-set) .btn--secondary { margin-top: 98px; }
}

I added it below, is this the correct spot? I am still having the same issue. Do you have any other suggestions?