How to change the size of graphics/boxes on mobile?

Hi @Peter,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (max-width: 480px){
    .et_custom_uniqid_68d52a6ab76b6 .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 31%;
        float: left;
    }
}

Kind regards,
The 8Theme Team

Hi @Peter,

Could you please provide temporary wp-admin access? We need to check your settings.

To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

Thank you!

Hi @Peter,

Here are 2 options for you:

1. Two columns on mobile:

@media (max-width: 480px){
    .mb-row-3-columns .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 48%;
        float: left;
    }
}

2. Three columns on mobile:

@media (max-width: 480px){
    .mb-row-3-columns .wpb_column.vc_column_container.vc_col-sm-4 {
        width: 31%;
        float: left;
    }
}

Hope it helps!

Hi @Peter,

Here is the current view on our side: https://prnt.sc/lrMfzra240pR

Could you please check again?

Best regards,
8Theme Team

Hi @Peter,

Did you already sort it out?

It looks good on my end: https://prnt.sc/7hmiNaYpGmlu.

Best Regards,
8Theme’s Team