How to show attribute selection side by side

please reply

Hi @jerinmattam

From your message, I understand that you want to display your product attributes side by side instead of the current list view. This can certainly be achieved with some CSS customizations.

You can follow these steps:

1. Navigate to your WordPress dashboard and go to Appearance → Customize → Additional CSS.
2. Add the following CSS code:

.variations select {
    display: inline-block;
    width: auto;
    margin-right: 10px; /* Adjust as needed */
}

This code will make each attribute display side by side and add a small space between them. You can adjust as needed.

I hope it helps!

This code is not working

Hi @jerinmattam

I inspected your site on mobile view, and I can confirm that the attributes are now showing side-by-side as you requested here:

I just wanted to check in with you to see if your issue has indeed been resolved, or if you still need further assistance.

If you still have questions or concerns, please don’t hesitate to let us know. We’re always here to help!