Hi I want to move the discount box to the top right on desktop and mobile. Also if we can change the apply button to black thank you
my site is
Topic summary
Goal: Move the discount box to the top-right on both desktop and mobile, and change the Apply button color to black. A product link and a screenshot were provided to illustrate the desired layout.
Proposed solution: First, check the product page settings in the theme editor; some Shopify themes let you reposition blocks directly there. If not supported, repositioning can be done via code (CSS/HTML edits in the product template/sections).
Notes: The image is central for understanding the exact placement and styling intent. The specific theme wasn’t identified, which affects whether a no-code move is possible.
Status: No code or step-by-step solution provided yet; only general guidance. The issue remains open pending confirmation of theme capabilities or a custom code approach.
Open questions: Which theme is in use, and does it support block position controls on the product page? Should the mobile layout mirror the desktop top-right placement exactly, and are there constraints for responsiveness?
Hi,
You can check in theme setting on product page first, may theme has support change the position of blocks here. In addition, you can move it with code too.