Mobile swatch icons too small

Hello,

On mobile view the variation/swatch icons are far too small.

Can you tell me how to make them a viewable size please?

(see screenshot in the private area to show the issue better)

Thank you and have a great day

Attachments:

You must be logged in to view attached files.

Hello,
Actually, regarding the Swatches Sizes, there is a predefined size set for the Swatches under the Mobile view. So, if you want to change that that you can try out the following Custom CSS on your Site and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for the mobile section:

.quick-shop-wrapper [class*="wd-swatches"] { --wd-swatch-size: 30px !important; }

This CSS will increase the Swatch Size for both types of Swatches (i.e. the Image ones and Color ones too because they have the same classes).

Best Regards

[Little Panda]

Hi. I know it’s been a while this solution doesn’t seem to work any more?

• This reply was modified 1 year, 2 months ago by Little Panda.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.wd-swatch-bg {
width: 25px;
    height: 25px;
}

Best Regards.

[Author]

Posts