Astroid_three: wie bekomme ich den mobile-Burger nach rechts?

dirk63

Hallo zusammen,

das Thema wurde schon mal vor einiger Zeit hier im Forum angesprochen, aber offenbar nicht gelöst. Vielleicht klappt es jetzt: wie bekomme ich den mobile-Burger mit deem Astroid_three Template nach rechts? Links sieht er nicht gut aus. Die Optionen im Template-Editor scheinen da nichts herzugeben, und auch die Entwickler-Tools im Firefox geben mir keinen Hinweis auf ein editierbares css-File. Vielleicht weiß jemand den custom-code?

Vielen Dank vorab

ManniG.

probiers mal damit:

-OJ-

Das geht über ein Template Override.

Um den Burger nach rechts zu bekommen, benötigst du ein Override von libraries/astroid/framework/frontend/header/horizontal.php welches unter templates/DeinTemplate/html/frontend/header/ angelegt wird. In dem Override habe ich die Ausgabe für den Burger ab Zeile 50 vor die Ausgabe für das OffCanvas (ab Zeile 137) auf der rechten Seite gesetzt.

Copy & Paste

PHP

<?php

/**
 * @package   Astroid Framework
 * @author    Astroid Framework Team https://astroidframe.work
 * @copyright Copyright (C) 2025 AstroidFrame.work.
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 * 	DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
 *  You can easily override all files under /frontend/ folder.
 * 	Just copy the file to ROOT/templates/YOURTEMPLATE/html/frontend/header/ folder to create and override
 */
// No direct access.
defined('_JEXEC') or die;

extract($displayData);

$template = Astroid\Framework::getTemplate();
$document = Astroid\Framework::getDocument();
$params = $template->getParams();

$mode = $params->get('header_horizontal_menu_mode', 'left');
$block_1_type = $params->get('header_block_1_type', 'blank');
$block_1_position = $params->get('header_block_1_position', '');
$block_1_style = $params->get('header_block_1_style', 'none');
$block_1_custom = $params->get('header_block_1_custom', '');
$block_2_type = $params->get('header_block_2_type', 'blank');
$block_2_position = $params->get('header_block_2_position', '');
$block_2_style = $params->get('header_block_2_style', 'none');
$block_2_custom = $params->get('header_block_2_custom', '');
$header_menu = $params->get('header_menu', 'mainmenu');
$header_menu_method = $params->get('header_menu_method', 'default');
$mobile_menu_method = $params->get('mobile_menu_method', 'default');
$header_menu_module_position = $params->get('header_menu_module_position', 'astroid-header-menu');
$mobile_menu_module_position = $params->get('mobile_menu_module_position', 'astroid-header-mobilemenu');
$header_breakpoint = $params->get('header_breakpoint', 'lg');
$enable_offcanvas = $params->get('enable_offcanvas', FALSE);
$header_mobile_menu = $params->get('header_mobile_menu', '');
$offcanvas_animation = $params->get('offcanvas_animation', 'st-effect-1');
$offcanvas_direction = $params->get('offcanvas_direction', 'offcanvasDirLeft');
$offcanvas_position = $params->get('offcanvas_position', 'offcanvasRight');
$offcanvas_togglevisibility = $params->get('offcanvas_togglevisibility', 'd-block');
$class = ['astroid-header', 'astroid-horizontal-header', 'astroid-horizontal-' . $mode . '-header'];
$navClass = ['nav', 'astroid-nav', 'd-none', 'd-'.$header_breakpoint.'-flex'];
$navWrapperClass = ['align-self-center', 'd-none', 'd-'.$header_breakpoint.'-block'];
$headAttrs = $header_menu_method == 'default' ? ' data-megamenu data-megamenu-class=".has-megamenu" data-megamenu-content-class=".megamenu-container" data-dropdown-arrow="'.($params->get('dropdown_arrow', 0) ? 'true' : 'false').'" data-header-offset="true" data-transition-speed="'.$params->get('dropdown_animation_speed', 300).'" data-megamenu-animation="'.$params->get('dropdown_animation_type', 'fade').'" data-easing="'.$params->get('dropdown_animation_ease', 'linear').'" data-astroid-trigger="'.$params->get('dropdown_trigger', 'hover').'" data-megamenu-submenu-class=".nav-submenu,.nav-submenu-static"' : '';
?>
<!-- header starts -->
<header id="astroid-header" class="<?php echo implode(' ', $class); ?>"<?php echo $headAttrs; ?>>
   <div class="d-flex flex-row justify-content-between">
      
      <div class="header-left-section as-gutter-x-xl@lg d-flex justify-content-start<?php echo $mode == 'left' ? ' flex-'.$header_breakpoint.'-grow-1' : ''; ?>">
          <?php if ($enable_offcanvas && $offcanvas_position === 'offcanvasLeft') { ?>
              <?php echo '<div class="d-none d-'.$header_breakpoint.'-flex me-4 offcanvas-button '.$offcanvas_position.'">'; ?>
              <?php $document->include('offcanvas.trigger', ['offcanvas' => '#astroid-offcanvas', 'visibility' => $offcanvas_togglevisibility, 'effect' => $offcanvas_animation, 'direction' => $offcanvas_direction]); ?>
              <?php echo '</div>'; ?>
          <?php } ?>
         <?php $document->include('logo'); ?>
          <?php if ($block_2_type != 'blank') : ?>
              <div class="header-left-block d-none d-<?php echo $header_breakpoint; ?>-block align-self-center ms-4">
                  <?php
                  if ($block_2_type == 'position') {
                      echo '<div class="header-block-item d-flex justify-content-start align-items-center">';
                      echo $document->position($block_2_position, $block_2_style);
                      echo '</div>';
                  }
                  if ($block_2_type == 'custom') {
                      echo '<div class="header-block-item d-flex justify-content-start align-items-center">';
                      echo $block_2_custom;
                      echo '</div>';
                  }
                  ?>
              </div>
          <?php endif; ?>
         <?php
         if ($mode == 'left') {
            // header nav starts
             if ($header_menu_method == 'module_position') {
                 echo $document->position($header_menu_module_position);
             } else {
                 Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
             }
            // header nav ends
         }
         ?>
      </div>
      <?php if (!$enable_offcanvas) : ?>
         <div class="min-w-30 d-<?php echo $header_breakpoint; ?>-none"></div>
      <?php endif; ?>
      <?php
      if ($mode == 'center') {
         echo '<div class="header-center-section d-none d-'.$header_breakpoint.'-flex justify-content-center' . ($mode == 'center' ? ' flex-'.$header_breakpoint.'-grow-1' : '') . '">';
         // header nav starts
          if ($header_menu_method == 'module_position') {
              echo $document->position($header_menu_module_position);
          } else {
              Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
          }
         // header nav ends
         echo '</div>';
      }
      ?>
      <?php if ($block_1_type != 'blank' || $mode == 'right' || $enable_offcanvas) : ?>
         <div class="header-right-section as-gutter-x-xl@lg <?php echo ($enable_offcanvas ? 'd-flex min-w-30' : 'd-'.$header_breakpoint.'-flex d-none'); ?> justify-content-end<?php echo $mode == 'right' ? ' flex-'.$header_breakpoint.'-grow-1' : ''; ?>">
            <?php
            if ($mode == 'right') {
               // header nav starts
                if ($header_menu_method == 'module_position') {
                    echo $document->position($header_menu_module_position);
                } else {
                    Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
                }
               // header nav ends
            }
            ?>
            <?php if ($block_1_type != 'blank') : ?>
               <div class="header-right-block d-none d-<?php echo $header_breakpoint; ?>-block align-self-center">
                  <?php
                  if ($block_1_type == 'position') {
                     echo '<div class="header-block-item d-flex justify-content-end align-items-center">';
                     echo $document->position($block_1_position, $block_1_style);
                     echo '</div>';
                  }
                  if ($block_1_type == 'custom') {
                     echo '<div class="header-block-item d-flex justify-content-end align-items-center">';
                     echo $block_1_custom;
                     echo '</div>';
                  }
                  ?>
               </div>
            <?php endif; ?>
			<?php if (!empty($header_mobile_menu)) {
          if ($mobile_menu_method == 'module_position') {
              echo $document->position($mobile_menu_module_position);
          } else {
              echo $document->include('burger', ['containerClass' => 'd-flex d-'.$header_breakpoint.'-none justify-content-start']);
          }
      } ?>
             <?php if ($enable_offcanvas) { ?>
                 <?php echo '<div class="'.($offcanvas_position === 'offcanvasRight' ? 'd-flex' : 'd-'.$header_breakpoint.'-none d-flex').' offcanvas-button offcanvasRight">'; ?>
                 <?php $document->include('offcanvas.trigger', ['offcanvas' => '#astroid-offcanvas', 'visibility' => $offcanvas_togglevisibility, 'effect' => $offcanvas_animation, 'direction' => $offcanvas_direction]); ?>
                 <?php echo '</div>'; ?>
             <?php } ?>
         </div>
      <?php endif; ?>
   </div>
</header>
<!-- header ends -->

Alles anzeigen

Damit wäre der Burger auf der rechten Seite.

-OJ-

So, Teil zwei, da ich nur 10 000 Zeichen zur Verfügung habe.

Wenn du nun noch möchtest, dass sich das MobileMenü auf der rechten statt der linken Seite öffnet, benötigst du einen zweiten Override. Dabei handelt es sich um einen Override der Datei libraries/astroid/framework/frontend/mobilemenu.php. Dieses Override muss nach libraries/astroid/framework/frontend/

Copy & Paste

PHP

<?php

/**
 * @package   Astroid Framework
 * @author    Astroid Framework Team https://astroidframe.work
 * @copyright Copyright (C) 2023 AstroidFrame.work.
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 * 	DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
 *  You can easily override all files under /frontend/ folder.
 *	Just copy the file to ROOT/templates/YOURTEMPLATE/html/frontend/ folder to create and override
 */
use Joomla\CMS\Factory;
defined('_JEXEC') or die;
extract($displayData);

$params   = Astroid\Framework::getTemplate()->getParams();
$document = Astroid\Framework::getDocument();
$wa       = Factory::getApplication()->getDocument()->getWebAssetManager();

$header = $params->get('header', true);
$header_mobile_menu = $params->get('header_mobile_menu', '');

echo '<div id="astroid-mobilemenu-wrap">';
if ($header && !empty($header_mobile_menu)) :
    $dir = 'right';
    $wa->registerAndUseScript('astroid.offcanvas', 'astroid/offcanvas.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
    $wa->registerAndUseScript('astroid.mobilemenu', 'astroid/mobilemenu.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
?>
<div class="astroid-mobilemenu d-none d-init dir-<?php echo $dir; ?>" data-class-prefix="astroid-mobilemenu" id="astroid-mobilemenu">
   <div class="burger-menu-button active">
      <button aria-label="Mobile Menu Toggle" type="button" class="button close-offcanvas offcanvas-close-btn">
         <span class="box">
            <span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span>
         </span>
      </button>
   </div>
   <?php Astroid\Component\Menu::getMobileMenu($header_mobile_menu); ?>
</div>
<?php
    $style = '.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(' . ($dir == 'left' ? '-' : '') . '100%, 0, 0);transform:translate3d(' . ($dir == 'left' ? '-' : '') . '100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}';
    $document->addStyledeclaration($style);
endif;
echo '</div>';
?>

Alles anzeigen

-OJ-

Bearbeitungszeitraum abgelaufen.

Das zweite Override muss natürlich nach templates/DeinTemplate/html/frontend/

dirk63

Zitat von ManniG.

probiers mal damit:

Das ist das Off-Canvas-Menu, ich will aber den Menu-Burger dort haben.

WM-Loose

Dafür ist Offcanvas doch da und kann ohne Override genutzt werden.

Off Canvas Menu | Astroid Framework

The off-canvas menu is a hidden menu that can be toggled to slide in from the side of the screen. This feature is particularly useful for mobile devices or…

docs.astroidframe.work

Das mobile Menü mittels Override nach rechts zu schaufeln kann ich dir nicht empfehlen.

Aber ganz wie du willst, ist ja deine Entscheidung.

Beide Möglichkeiten sind ja hier genannt.

dirk63

Zitat von -OJ-

So, Teil zwei, da ich nur 10 000 Zeichen zur Verfügung habe.

Wenn du nun noch möchtest, dass sich das MobileMenü auf der rechten statt der linken Seite öffnet, benötigst du einen zweiten Override. Dabei handelt es sich um einen Override der Datei libraries/astroid/framework/frontend/mobilemenu.php. Dieses Override muss nach libraries/astroid/framework/frontend/

Copy & Paste

PHP

<?php

/**
 * @package   Astroid Framework
 * @author    Astroid Framework Team https://astroidframe.work
 * @copyright Copyright (C) 2023 AstroidFrame.work.
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 * 	DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
 *  You can easily override all files under /frontend/ folder.
 *	Just copy the file to ROOT/templates/YOURTEMPLATE/html/frontend/ folder to create and override
 */
use Joomla\CMS\Factory;
defined('_JEXEC') or die;
extract($displayData);

$params   = Astroid\Framework::getTemplate()->getParams();
$document = Astroid\Framework::getDocument();
$wa       = Factory::getApplication()->getDocument()->getWebAssetManager();

$header = $params->get('header', true);
$header_mobile_menu = $params->get('header_mobile_menu', '');

echo '<div id="astroid-mobilemenu-wrap">';
if ($header && !empty($header_mobile_menu)) :
    $dir = 'right';
    $wa->registerAndUseScript('astroid.offcanvas', 'astroid/offcanvas.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
    $wa->registerAndUseScript('astroid.mobilemenu', 'astroid/mobilemenu.min.js', ['relative' => true, 'version' => 'auto'], [], ['jquery']);
?>
<div class="astroid-mobilemenu d-none d-init dir-<?php echo $dir; ?>" data-class-prefix="astroid-mobilemenu" id="astroid-mobilemenu">
   <div class="burger-menu-button active">
      <button aria-label="Mobile Menu Toggle" type="button" class="button close-offcanvas offcanvas-close-btn">
         <span class="box">
            <span class="inner"><span class="visually-hidden">Mobile Menu Toggle</span></span>
         </span>
      </button>
   </div>
   <?php Astroid\Component\Menu::getMobileMenu($header_mobile_menu); ?>
</div>
<?php
    $style = '.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(' . ($dir == 'left' ? '-' : '') . '100%, 0, 0);transform:translate3d(' . ($dir == 'left' ? '-' : '') . '100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}';
    $document->addStyledeclaration($style);
endif;
echo '</div>';
?>

Alles anzeigen

Vielen Dank für den Workaround! Das funktioniert aber nur, wenn ich auch das Off-Canvas-Menu einschalte, und so habe ich jetzt 2 Menuburger auf der rechten Seite. Wie kriege ich das andere abgeschaltet?

Elwood

Moin!

Andere Möglichkeit ohne Override:

Setz das Offcanvas auf diese Einstellung:

Erstelle eine Kopie des Main Menu und setz es auf die Position Offcanvas:

Deaktiviere das Offcanvas Modul:

Deaktiviere das Mobil Menu im Framework:

Benenne den Ordner /templates/dein_template/html/ mod_menu um. Z.B. in mod_menu_old

Kopiere die angehängte mod menü Date (entzippen) in den Ordner /templates/dein_template/html:

Stelle jetzt noch im Modul Main Menu Mobile unter Erweitert das Layout auf AstroidMenu um:

Dann könnte es funktionieren:

dirk63

Zitat von WM-Loose

Dafür ist Offcanvas doch da und kann ohne Override genutzt werden.
https://docs.astroidframe.work/header/off-canvas-menu
Das mobile Menü mittels Override nach rechts zu schaufeln kann ich dir nicht empfehlen.
Aber ganz wie du willst, ist ja deine Entscheidung.
Beide Möglichkeiten sind ja hier genannt.

Das Off-Canvas-Menu sieht aber übel aus und ist viel zu lang, da komme ich an die unteren Items nicht mehr dran. Und rechts sieht das Menu für meinen Geschmack einfach wesentlich besser aus.

WM-Loose

Dann stimmt deine Einstellung nicht.

Stell im Astroid Menu Modul um auf Sidebar:

-OJ-

Zitat von dirk63

Vielen Dank für den Workaround! Das funktioniert aber nur, wenn ich auch das Off-Canvas-Menu einschalte, und so habe ich jetzt 2 Menuburger auf der rechten Seite. Wie kriege ich das andere abgeschaltet?

Nimm für die horizontal.php folgenden Override:

PHP

<?php

/**
 * @package   Astroid Framework
 * @author    Astroid Framework Team https://astroidframe.work
 * @copyright Copyright (C) 2025 AstroidFrame.work.
 * @license https://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 * 	DO NOT MODIFY THIS FILE DIRECTLY AS IT WILL BE OVERWRITTEN IN THE NEXT UPDATE
 *  You can easily override all files under /frontend/ folder.
 * 	Just copy the file to ROOT/templates/YOURTEMPLATE/html/frontend/header/ folder to create and override
 */
// No direct access.
defined('_JEXEC') or die;

extract($displayData);

$template = Astroid\Framework::getTemplate();
$document = Astroid\Framework::getDocument();
$params = $template->getParams();

$mode = $params->get('header_horizontal_menu_mode', 'left');
$block_1_type = $params->get('header_block_1_type', 'blank');
$block_1_position = $params->get('header_block_1_position', '');
$block_1_style = $params->get('header_block_1_style', 'none');
$block_1_custom = $params->get('header_block_1_custom', '');
$block_2_type = $params->get('header_block_2_type', 'blank');
$block_2_position = $params->get('header_block_2_position', '');
$block_2_style = $params->get('header_block_2_style', 'none');
$block_2_custom = $params->get('header_block_2_custom', '');
$header_menu = $params->get('header_menu', 'mainmenu');
$header_menu_method = $params->get('header_menu_method', 'default');
$mobile_menu_method = $params->get('mobile_menu_method', 'default');
$header_menu_module_position = $params->get('header_menu_module_position', 'astroid-header-menu');
$mobile_menu_module_position = $params->get('mobile_menu_module_position', 'astroid-header-mobilemenu');
$header_breakpoint = $params->get('header_breakpoint', 'lg');
$enable_offcanvas = $params->get('enable_offcanvas', FALSE);
$header_mobile_menu = $params->get('header_mobile_menu', '');
$offcanvas_animation = $params->get('offcanvas_animation', 'st-effect-1');
$offcanvas_direction = $params->get('offcanvas_direction', 'offcanvasDirLeft');
$offcanvas_position = $params->get('offcanvas_position', 'offcanvasRight');
$offcanvas_togglevisibility = $params->get('offcanvas_togglevisibility', 'd-block');
$class = ['astroid-header', 'astroid-horizontal-header', 'astroid-horizontal-' . $mode . '-header'];
$navClass = ['nav', 'astroid-nav', 'd-none', 'd-'.$header_breakpoint.'-flex'];
$navWrapperClass = ['align-self-center', 'd-none', 'd-'.$header_breakpoint.'-block'];
$headAttrs = $header_menu_method == 'default' ? ' data-megamenu data-megamenu-class=".has-megamenu" data-megamenu-content-class=".megamenu-container" data-dropdown-arrow="'.($params->get('dropdown_arrow', 0) ? 'true' : 'false').'" data-header-offset="true" data-transition-speed="'.$params->get('dropdown_animation_speed', 300).'" data-megamenu-animation="'.$params->get('dropdown_animation_type', 'fade').'" data-easing="'.$params->get('dropdown_animation_ease', 'linear').'" data-astroid-trigger="'.$params->get('dropdown_trigger', 'hover').'" data-megamenu-submenu-class=".nav-submenu,.nav-submenu-static"' : '';
?>
<!-- header starts -->
<header id="astroid-header" class="<?php echo implode(' ', $class); ?>"<?php echo $headAttrs; ?>>
   <div class="d-flex flex-row justify-content-between">
      
      <div class="header-left-section as-gutter-x-xl@lg d-flex justify-content-start<?php echo $mode == 'left' ? ' flex-'.$header_breakpoint.'-grow-1' : ''; ?>">
          <?php if ($enable_offcanvas && $offcanvas_position === 'offcanvasLeft') { ?>
              <?php echo '<div class="d-none d-'.$header_breakpoint.'-flex me-4 offcanvas-button '.$offcanvas_position.'">'; ?>
              <?php $document->include('offcanvas.trigger', ['offcanvas' => '#astroid-offcanvas', 'visibility' => $offcanvas_togglevisibility, 'effect' => $offcanvas_animation, 'direction' => $offcanvas_direction]); ?>
              <?php echo '</div>'; ?>
          <?php } ?>
         <?php $document->include('logo'); ?>
          <?php if ($block_2_type != 'blank') : ?>
              <div class="header-left-block d-none d-<?php echo $header_breakpoint; ?>-block align-self-center ms-4">
                  <?php
                  if ($block_2_type == 'position') {
                      echo '<div class="header-block-item d-flex justify-content-start align-items-center">';
                      echo $document->position($block_2_position, $block_2_style);
                      echo '</div>';
                  }
                  if ($block_2_type == 'custom') {
                      echo '<div class="header-block-item d-flex justify-content-start align-items-center">';
                      echo $block_2_custom;
                      echo '</div>';
                  }
                  ?>
              </div>
          <?php endif; ?>
         <?php
         if ($mode == 'left') {
            // header nav starts
             if ($header_menu_method == 'module_position') {
                 echo $document->position($header_menu_module_position);
             } else {
                 Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
             }
            // header nav ends
         }
         ?>
      </div>
      <?php if (!$enable_offcanvas) : ?>
         <div class="min-w-30 d-<?php echo $header_breakpoint; ?>-none"></div>
      <?php endif; ?>
      <?php
      if ($mode == 'center') {
         echo '<div class="header-center-section d-none d-'.$header_breakpoint.'-flex justify-content-center' . ($mode == 'center' ? ' flex-'.$header_breakpoint.'-grow-1' : '') . '">';
         // header nav starts
          if ($header_menu_method == 'module_position') {
              echo $document->position($header_menu_module_position);
          } else {
              Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
          }
         // header nav ends
         echo '</div>';
      }
      ?>

<?php if (!empty($header_mobile_menu)) {
          if ($mobile_menu_method == 'module_position') {
              echo $document->position($mobile_menu_module_position);
          } else {
              echo $document->include('burger', ['containerClass' => 'd-flex d-'.$header_breakpoint.'-none justify-content-start']);
          }
      } ?>

        
      <?php if ($block_1_type != 'blank' || $mode == 'right' || $enable_offcanvas) : ?>
         <div class="header-right-section as-gutter-x-xl@lg <?php echo ($enable_offcanvas ? 'd-flex min-w-30' : 'd-'.$header_breakpoint.'-flex d-none'); ?> justify-content-end<?php echo $mode == 'right' ? ' flex-'.$header_breakpoint.'-grow-1' : ''; ?>">
            <?php
            if ($mode == 'right') {
               // header nav starts
                if ($header_menu_method == 'module_position') {
                    echo $document->position($header_menu_module_position);
                } else {
                    Astroid\Component\Menu::getMenu($header_menu, $navClass, null, 'left', 'horizontal', $navWrapperClass);
                }
               // header nav ends
            }
            ?>
            <?php if ($block_1_type != 'blank') : ?>
               <div class="header-right-block d-none d-<?php echo $header_breakpoint; ?>-block align-self-center">
                  <?php
                  if ($block_1_type == 'position') {
                     echo '<div class="header-block-item d-flex justify-content-end align-items-center">';
                     echo $document->position($block_1_position, $block_1_style);
                     echo '</div>';
                  }
                  if ($block_1_type == 'custom') {
                     echo '<div class="header-block-item d-flex justify-content-end align-items-center">';
                     echo $block_1_custom;
                     echo '</div>';
                  }
                  ?>
               </div>
            <?php endif; ?>
			
             <?php if ($enable_offcanvas) { ?>
                 <?php echo '<div class="'.($offcanvas_position === 'offcanvasRight' ? 'd-flex' : 'd-'.$header_breakpoint.'-none d-flex').' offcanvas-button offcanvasRight">'; ?>
                 <?php $document->include('offcanvas.trigger', ['offcanvas' => '#astroid-offcanvas', 'visibility' => $offcanvas_togglevisibility, 'effect' => $offcanvas_animation, 'direction' => $offcanvas_direction]); ?>
                 <?php echo '</div>'; ?>
             <?php } ?>
         </div>
      <?php endif; ?>
   </div>
</header>
<!-- header ends -->

Alles anzeigen

dirk63

Zitat von WM-Loose

Dann stimmt deine Einstellung nicht.
Stell im Astroid Menu Modul um auf Sidebar:

Das ändert nichts

dirk63

Der neue Override ändert lediglich, dass das Menu nicht mehr innerhalb des Handy-Displays erscheint

dirk63

Zitat von Elwood

...Erstelle eine Kopie des Main Menu und setz es auf die Position Offcanvas:...

Wo finde ich das? Bei den Site-Modulen ist es nicht. Das gilt auch für das "off-canvas"-Modul

Elwood

Zitat von dirk63

Wo finde ich das? Bei den Site-Modulen ist es nicht. Das gilt auch für das "off-canvas"-Modul

Das ist merkwürdig. Bei mir sieht das so aus:

dirk63

Zitat von -OJ-
Das geht über ein Template Override.
Um den Burger nach rechts zu bekommen, benötigst du ein Override von libraries/astroid/framework/frontend/header/horizontal.php welches unter templates/DeinTemplate/html/frontend/header/ angelegt wird. In dem Override habe ich die Ausgabe für den Burger ab Zeile 50 vor die Ausgabe für das OffCanvas (ab Zeile 137) auf der rechten Seite gesetzt.
Copy & Paste
PHP
<?php

/**
 * @package   Astroid Framework
 * @author    Astroid Framework Team https://astroidframe.work
...
Damit wäre der Burger auf der rechten Seite.

Das gilt nicht für den Sticky Header

Elwood

Mal kurz nachgefragt:

Für welche Version möchtest du dich entscheiden?

Mit oder ohne Override?

dirk63

Zitat von Elwood

Mal kurz nachgefragt:
Für welche Version möchtest du dich entscheiden?
Mit oder ohne Override?

Für eine funktionierende Version. Bei dir sieht das Site-Modules Menu offenbar ganz anders aus, sodass ich deinen Strang nicht nachverfolgen kann:

Elwood

Bei mir funktioniert meine Version.

Nutzt du den AMM?

Tags