Idea: Add flexible width

Hi @jtheofel

Maybe we’ll add this feature in the future. As for now, you can only change the width of the tree with a hook that you can put in your functions.php:

add_action('admin_head', function() {
	if(!\F4\TREE\Tree\Helpers::is_tree_enabled()) {
		return;
	}

	echo '<style>
	:root {
		--tree-width: 450px;
	}

	#f4-tree-container {
		width: var(--tree-width);
	}

	#wpcontent, #wpfooter {
		margin-left: calc(var(--tree-width) + 160px);
	}

	@media screen and (min-width: 961px) {
		/* WPBakery */
		body:not(.vc_fullscreen) .vc_subnav-fixed {
			left: calc(var(--tree-width) + 160px) !important;
			width: calc(100% - (var(--tree-width) + 160px)) !important;
		}

		/* Block editor */
		.interface-interface-skeleton,
		.components-snackbar-list {
			left: calc(var(--tree-width) + 160px) !important;
		}
	}
	</style>';
});

You can change the –tree-width: 260px; to the desired width. The rest should be calculated automatically. Let me know if that works for you.

• This reply was modified 7 months, 1 week ago by FAKTOR VIER.
• This reply was modified 7 months, 1 week ago by FAKTOR VIER.