Deactivate Responsive Design for certain pages

Hello,

First, let me thank you for that wonderful theme, its working very well.
I am using the SiteOrigin Page Builder and deactivated the “responsive design” in their settings, which allows me to put several pictures horizontally next to each other using rows on mobile devices.
If I would activate responsive design, those pictures would be listed vertically with only one in a row.

However, for some pages with text, I would prefer the vertical design. I checked on the SiteOrigin website and they recommend to use this code in the functions.php file to deactivate “responsive design” on only certain pages:

function ultra_child_per_page_responsive($val) {
	$non_responsive_pages = array(
		105, 107
	);

	global $post;
	if( is_singular() && !empty($post) && in_array( $post->ID, $non_responsive_pages ) ) {
		$val = true;
	}
    $responsivebool = true;
	return $val;
}
add_filter('siteorigin_setting_layout_responsive', 'ultra_child_per_page_responsive');

105 and 107 are page IDs.

This is working, but it is not having the same effect, as it would be if i deactivated the “responsive layout” checkbox in the settings menu. Instead, the responsive menu is disappering as well.
Do you know any way to achieve a responsive layout only for the content of certain pages, but keeping the menus responsive on mobiles throughout?

Thanks

Madera