Skip to content

Conversation

@navaneethkp36
Copy link

What? Why?

The width of "Back to Store" and "Back to Website" buttons in order confirmation page are not consistent with the other buttons. This is fixed in this PR.

Code changes:

  • Removed unwanted divs .columns.small-12.medium-5 and .columns.show-for-medium-up.medium-1   which were causing this styling issue
  • Changed .columns.small-12.medium-6 to .columns.small-12.medium-3 for "Back to Store" and "Back to Website" button divs to make it consistent with other buttons

Before:
Screenshot 2025-10-25 220435
Screenshot 2025-10-25 220421

After:
Screenshot 2025-10-25 214801
Screenshot 2025-10-25 214818

What should we test?

  • As a hub, on the Shop preferences tab, toggle the option "Customers can change / cancel orders while order cycle is open"
  • As a hub, make sure you have the Address field filled in, in the Contacts tab
  • As a customer place an order
  • On the order confirmation page, verify the width of the buttons "Back to Store" and "Back to Website" are consistent with the other buttons.
  • Check the button size for both desktop view and mobile view

Release notes

NA

Changelog Category (reviewers may add a label for the release notes):

  • User facing changes
  • API changes (V0, V1, DFC or Webhook)
  • Technical changes only
  • Feature toggled

Dependencies

NA

Documentation updates

NA

…stent with other buttons in order confirmation page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Code review 🔎

Development

Successfully merging this pull request may close these issues.

Order confirmation page: inconsistent width buttons "Back to Store" and "Back to Website"

1 participant