long product option fields alignment issue in mobile view

Hi,

The issue pertains to mobile responsiveness, where the layout collapses into a single column on mobile devices as if the layout remains full horizontally like on the PC, the content will become small.

Best regards.

but why not left aligned in mobile?

@skyfranky

The alignment of elements in mobile view is intentionally set to center alignment as part of the design choice for better readability and user experience on smaller screens. This ensures consistency and clarity across various devices and screen sizes.

If you have any further questions or need assistance with customization, please feel free to let us know.

thanks for the reply. Where is the css codes to change left aligned in mobile view?

Hi,

Please try the below custom CSS, add it to the custom CSS section of the plugin, see this: https://ibb.co/GMnFH86

@media only screen and (max-width: 414px) {
.viwec-center-on-mobile p {
    text-align: left !important;
}
.viwec-responsive-center, .viwec-responsive-center p {
    text-align: left!important;
}
}

Best regards.