The woocommerce variation for course in mobile is not responsive

[Bhavyatafoundation]

Hello! I've associated a variable subscription product to a course where the user will need to select the appropriate variable and then proceed accordingly. This lightbox with variable options seems pretty packed for the desktop version, but the mobile version for the same is a disaster. Below are the screenshots of both the desktop and mobile versions of the lightbox I'd like you to help me out with this and make it multiple devices responsive. Desktop version: Mobile version: Please try to replicate the environment on your end, and you'll understand the issue I'm facing mainly on mobile devices. The course with this setting is Teacher Guided Course Thankyou!

[Anshuman Sahu]

Hi please add this custom code in your wp-admin -> appearance-> customize -> custom css :

div#variations_popup {
    overflow-y: auto;
    max-height: 100%;
    z-index: 999999999;
}

[Bhavyatafoundation]

Thanks, it worked!! You may close this thread

[Veronica]

thanks for your confirmation

[Author]

Posts