Public Ticket #104224

Lay-out is not working well

Jacky Rhemrev

3 years ago

Hi!

The size options are not displayed next to SIZE, but below it. On another website, they do display nicely next to SIZE.

3 years ago

Hi Jacky,

Thanks for reaching out to us. Could you please give us a screenshot?

You can also temporarily deactivate our plugin to check is it happening without our plugin or not.

Hope to hear from you soon!

Thank You

3 years ago

Hi,

Hereby. I want it just like Picture 2.

3 years ago

https://prnt.sc/26cpok9 – I don’t want it like this picture. The sizes are under the text.

https://prnt.sc/26cpp4n – I want it just like this. The sizes next to the text.

3 years ago

Hi Jacky,

You can place the below CSS at Appearance > Customize > Additional CSS

.product-variable.db.mb__20 h4.label {
max-width: 10%;
width: 100%;
}

.product-variable.db.mb__20 {
display: flex;
}

Then please let me know if it resolves your issue or not.

Thank You

3 years ago

Thanks a lot, that worked! Is it also possible to get the ”clear” next to the sizes?

https://prnt.sc/26cr5id – This is how it is now.

https://prnt.sc/26cr5rt – This is how I want it (Wissen = Dutch voor Clear).

3 years ago

Hi Jacky,

I think it will not be a good decision. Because right now you have only one variation (Size).

When you make one more like- Color. It will be confusing for your customer.

By the way, You can put the below CSS to get the clear button in the same line-

.variations .value .reset_variations {
margin-left: 20px;
display: flex;
align-items: center;
}

.variations .value {
display: flex;

}
Thank You

Ticket is closed.