To have the best user experience and design, the free shipping bar dynamically calculates its own height based on the configuration when loading. Therefore, the height is a fixed number and doesn’t change when you play around the width of the browser. However, when you refresh the page the bar will display as you expect it.
According to our user cases, customers won’t play the width of a browser like a developer or store owner. In addition, mobile users won’t be able to change the width of the browser on a phone or table.
Having considered all the possibilities, we have decided that this display method provides the best over-all experience to our users.