third sidebar not resizing properly for mobile

Hi all,

I am attempting to display 3 sidebars (1 left, 2 right) with main content in between.
It should be:
sidebar-a, maininner, sidebar-c, sidebar-b

Site is https://www.digitalnewsblast.com

The theme is Warp from Yootheme.
When you resize the page, if the page gets too small, the sidebars stack under the main content and expand to fit the window which is expected.

The sidebars appear fine on a pc screen and possibly a tablet screen. But when sizing down or looking via a mobile phone, the green sidebar box (sidebar-c) background shrinks to a very narrow strip.

The colored boxes backgrounds have no width defined other than the sidebar percentage in the plugin settings. they are defined in the CSS the same except color.

The Yootheme plugin has sidebar-a and b, but I am quite sure I have added the new sidebar-c module correctly.

I think the problem might be this code in template_config.php

// all sidebars right
if (($sidebar_a == ‘right’ || !$sidebar_a) && ($sidebar_b == ‘right’ || !$sidebar_b)) {
$sidebar_classes .= ($sidebar_a) ? ‘sidebar-a-right ‘ : ”;
$sidebar_classes .= ($sidebar_b) ? ‘sidebar-b-right ‘ : ”;

// sidebar-a left and sidebar-b right and sidebar-c right
} elseif ($sidebar_a == ‘left’ && $sidebar_c == ‘right’ && $sidebar_b == ‘right’ ) {
$sidebar_classes .= ‘sidebar-a-left sidebar-c-right sidebar-b-right ‘;
$css[] = ‘#maininner, #sidebar-a { position: relative; }’;
$css[] = sprintf(‘#maininner { %s: %d%%; }’, $rtl ? ‘right’ : ‘left’, $sidebar_a_width);
$css[] = sprintf(‘#sidebar-a { %s: -%d%%; }’, $rtl ? ‘right’ : ‘left’, $maininner_width);
$sidebar_classes .= ($sidebar_b) ? ‘sidebar-b-right ‘ : ”;
$sidebar_classes .= ($sidebar_c) ? ‘sidebar-c-right ‘ : ”;
}
First answer might be to join the Yootheme support, but I was trying to avoid paying for forum support. Any suggestions?