Hi there DEVS.
A few versions back, the Offcanvas toggles were improved, which is great. However, if you select "left" in Offcanvas Position and "Megamenu" in Menu Type, it creates a space before the logo on desktops. This is due to the d-flex class, which creates the space (columns) for the toggle, even though it's not visible on desktops. This problem occurs in all headers except version 6 Multi Rows, where you've used a different approach.
THE SOLUTION (tested):
The simple solution is to change
<div class="col-auto d-flex align-items-center"> to <div class="col-auto align-items-center <?php echo $visibilityClass; ?>">
And it works because the $visibilityClass variable already has a condition that checks the menu type ($menu_type) and shows or hides the toggle accordingly. So, if the toggle isn't shown, the column shouldn't be either, and for that to happen, they must have the same class as the one that hides or shows it.
MODAL MENUS:
Helix header columns use the justify-content-between class. When you activate offcanvas position on Left, these columns have 3 child elements, which means the logo ends up centered. To avoid this, the me-auto class is added to the logo column. me-auto class does not affect it if there are only 2 columns.
I'm attaching the headers with the fixes; please review them.
PATH: templates/shaper_helixultimate/headers/
https://limewire.com/d/BCqrA#CNPiREhp7z
Thank you for including my previously proposed solutions; they save hours of work during updates.
If my solution is correct (tested), please include it in the next version. Otherwise, we'll find a solution.
Regards