Ticket #2618 - Main menu on Mobile.

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

@@ -580,28 +580,45 @@ a.bx-def-font-h3:hover {
     padding: @bx-content-padding-menu-main;
 }
 #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;
+    -webkit-justify-content: @bx-text-align-menu-main-items;
+    justify-content: @bx-text-align-menu-main-items;
 }
+.bx-media-phone .cd-dropdown .cd-dropdown-content a, 
+.bx-media-phone .cd-dropdown .cd-dropdown-content ul a,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a {
-	text-shadow: @bx-shadow-font-menu-main;
+    text-shadow: @bx-shadow-font-menu-main;
 
-	font-family: @bx-font-family-menu-main;
-	font-size: @bx-font-size-menu-main;
-	font-weight: @bx-font-weight-menu-main;
-	color: @bx-font-color-menu-main;
+    font-family: @bx-font-family-menu-main;
+    font-size: @bx-font-size-menu-main;
+    font-weight: @bx-font-weight-menu-main;
+    color: @bx-font-color-menu-main;
 }
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li.bx-menu-tab-active a .sys-icon-a {
     color: @bx-font-color-menu-main-active;
 }
+.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover, 
+.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover,
+.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon, 
+.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon,
+.bx-media-phone .cd-dropdown .cd-dropdown-content a:hover .sys-icon-a, 
+.bx-media-phone .cd-dropdown .cd-dropdown-content ul a:hover .sys-icon-a,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon,
 #bx-sliding-menu-sys_site.bx-sliding-smenu-main .bx-sliding-menu-main-cnt li a:hover .sys-icon-a {
     color: @bx-font-color-menu-main-hover;
 }
 
+.bx-media-phone .go-back a::before, 
+.bx-media-phone .go-back a::after,
+.bx-media-phone .has-children > a::before, 
+.bx-media-phone .has-children > a::after, 
+.bx-media-phone .cd-dropdown .cd-close::after, 
+.bx-media-phone .cd-dropdown .cd-close::before {
+    background-color: @bx-font-color-menu-main;
+}
+
 
 /* account menu */
 #bx-sliding-menu-account.bx-sliding-menu-main,

modules/boonex/lucid/data/template/system/css/menu-dropdown.css

@@ -175,7 +175,6 @@ li.bx-lcd-mdd-login .bx-lcd-login-form {
   transform: translateX(-50%) translateY(-50%);
   height: 20px;
   width: 2px;
-  background-color: #ffffff;
 }
 .cd-dropdown .cd-close::after {
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
@@ -298,9 +297,6 @@ li.bx-lcd-mdd-login .bx-lcd-login-form {
   overflow: hidden;
 
   white-space: nowrap;
-  font-size: 1.0rem;
-  font-weight: 600;
-  color: rgba(255, 255, 255, 1);
 }
 
 .cd-dropdown .cd-dropdown-content a .sys-icon, 
@@ -994,7 +990,10 @@ li.bx-lcd-mdd-login .bx-lcd-login-form {
 .has-children > a, .go-back a {
   position: relative;
 }
-.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
+.go-back a::before, 
+.go-back a::after,
+.has-children > a::before, 
+.has-children > a::after {
   /* arrow icon in CSS - for element with nested unordered lists */
   content: '';
   position: absolute;
@@ -1003,7 +1002,6 @@ li.bx-lcd-mdd-login .bx-lcd-login-form {
   display: inline-block;
   height: 2px;
   width: 10px;
-  background: #ffffff;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }