Add horizontal scroll to sales agents dashboard

Saturday, 10 April 2021

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.

WARNING! Before making any changes, make sure you have made a complete backup of site files and database.
It is advisable not to edit the theme files directly, but to use a child theme.
For more information on child themes, please read: WordPress Official guide on Child Themes