Ticket #3113

modules/boonex/lucid/data/template/system/css/default.less

@@ -576,8 +576,9 @@ a.bx-def-font-h3:hover {
 }
 
 /* main menu */
-#bx-sliding-menu-sys_site.bx-sliding-smenu-main {
-    text-align: @bx-text-align-menu-main-items;
+#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {
+    -webkit-justify-content: @bx-text-align-menu-main-items;
+    justify-content: @bx-text-align-menu-main-items;
 }
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt {
     padding: @bx-content-padding-menu-main;

modules/boonex/lucid/data/template/system/css/menu.less

@@ -116,8 +116,6 @@
     	position: relative;
     	display: -webkit-flex;
     	display: flex;
-        -webkit-justify-content: flex-start;
-        justify-content: flex-start;
     	-webkit-align-items: center;
     	align-items: center;
     	height: 100%;

modules/boonex/lucid/data/template/system/scripts/BxTemplConfig.php

@@ -276,7 +276,7 @@ class BxTemplConfig extends BxBaseConfig
 
         //--- Text
         $this->_aConfig['aLessConfig']['bx-text-align-cover'] = $this->_setAlign($sName . '_cover_text_align');
-        $this->_aConfig['aLessConfig']['bx-text-align-menu-main-items'] = $this->_setAlign($sName . '_menu_main_align_items');
+        $this->_aConfig['aLessConfig']['bx-text-align-menu-main-items'] = $this->_setAlignFlex($sName . '_menu_main_align_items');
 
         //--- Default Fonts
         if($this->_isModule) {

template/scripts/BxBaseConfig.php

@@ -421,6 +421,22 @@ class BxBaseConfig extends BxDol implements iBxDolSingleton
 
         return $sValue;
     }
+
+    protected function _setAlignFlex($sKey, $sDefault = '')
+    {
+        $sValue = $this->_setAlign($sKey);
+
+        $aToFlex = array(
+            'left' => 'flex-start', 
+            'center' => 'center', 
+            'right' => 'flex-end'
+        );
+
+        if(empty($sDefault))
+            $sDefault = 'flex-start';
+
+        return isset($aToFlex[$sValue]) ? $aToFlex[$sValue] : $sDefault;
+    }
 }
 
 /** @} */