Add horizontal scroll to sales agents dashboard

WooCommerce B2B Sales Agents dashboard for sales agents is designed and developed based on the main standard resolutions nowadays.
However, for obsolete devices that use resolutions that are no longer in use, it is possible that the display of the columns in the tables of the different sections of the sales agents dashboard is not full.
To solve this, simply add a simple CSS rule that allows horizontal scrolling on these pages.

To do this, edit functions.php file that you find in your site’s FTP space in:

 wp-content/themes/{YOUR_ACTIVE_THEME}/functions.php

and insert this code:

add_filter( 'wcb2bsa_myaccount_styles', function( $styles ) {
    $styles['wcb2b_custom_style'] = get_stylesheet_directory_uri() . '/wcb2bsa_custom_style.css';
    return $styles;
} );

Finally, in your active theme folder, usually:

 wp-content/themes/{YOUR_ACTIVE_THEME}/

create a new file called “wcb2bsa_custom_style.css” and insert in it:

html, body { overflow-x: initial !important; }

In this way, you will enable horizontal scrolling in the sales agents dashboard making it compatible even with older devices.