Skip to content
Home > Posts > Variable option (dropdown) exceeds width in mobile view, how should this be fixed?

Variable option (dropdown) exceeds width in mobile view, how should this be fixed?

TECHNICAL ISSUE:

Variable option exceed in mobile view http://gmv.a01.myftpupload.com/product/tigrent-real-estate-series-8/

We would like to know if you have fix on this?

SOLUTION:

  • You can fix items like this with CSS. We avoid using CSS with design elements that can be styled in the builder modules themselves. When there are items like these, e.g WooCommerce components or shortcode items that don’t have module styling, you are allowed to make style adjustments to them if necessary with CSS.
  • However, in this scenario specifically, you are seeing the dropdown options off the side of the screen in the inspect tool. If you view the site on an actual mobile phone, the options appear as they should and there’s no reason to adjust the styling here at all.
Scroll To Top