Minimum price styling issue when currency has more than one character

[christophermallory]

Hi,

There is an error with other currencies. For example, with the CHF currency https://prnt.sc/nUja5DESsgOU

If the currencies have more than 1 character, there will be a problem.

Originally posted by @swissbull in #9 (comment)

[christophermallory]

Before merging this into the repo as a tagged release, I am looking for testers. Please comment and screenshot your results.

[FadedOut]

@swissbull
It's not the perfect fix, nor is it probably the best solution but temporarily (until the dev can fix it properly) you could modify by CSS changes. Using a custom css file (or if your theme has the option to input custom CSS) enter the following:

.cart-summary .freeship-progress .freeship-progress-bar-wrapper .freeship-progress-bar-bg {
width: 85%;
margin-left: 23px;
}

By including the .cart-summary css selector it shouldn't affect any other place on the site (like the product page) - unless you want it to be changed there as well, simply remove the .cart-summary css selector and it should be changed there too.

It will now look like this on each device viewpoint:

Desktop:

Tablet:

Mobile:

If you know CSS a little bit you could create flexible viewpoints using the @media rule like @media only screen and (max-width: 768px) then @media only screen and (max-width: 1024px) and modify the css code I used above (the width only) to fit the screen sizes better. More info about that here: W3Schools.com

@christophermallory Hey sorry I would test but I currently don't have a staging site set up and I am also using USD which works fine for that currency.