Multiple setting additions

[Rakeshmvd]

• Module margin-top should be left to 0px !!! Very important. Leave height to row and individual column settings!! #sp-left .sp-module, #sp-right .sp-module {margin-top: 0px;}

• Custom CSS for custom menu Header:

img.logo-image-phone {object-fit: contain;}

div#sp-top3 {position:absolute;right:0;float:right;}
div.mod-languages {font-size:16pt;font-weight:500;padding-top:18px;margin-right:0px;padding-right:8px;text-align:right;float:right}
.sp-module ul > li > a:hover {color:#e7e7e7;}

• Typography settings need color and text-align options

• Add menu border option

div.sp-dropdown-inner {border-radius: 0px 0px 17px 17px;
-moz-border-radius: 0px 0px 17px 17px;
-webkit-border-radius: 0px 0px 17px 17px;
border: 0px solid;}

• Add Off-Canvas options in Navigation +Backgr-Color +Font-Color +Font +Font-size +Text Alignment

/********************* Main level **************/
.offcanvas-menu .offcanvas-inner .sp-module ul > li > a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li > span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler::after {
    font-size:21pt;text-decoration:none;
}

/********************* 2 level  & 3 Level **************/
.offcanvas-menu .offcanvas-inner .sp-module ul .menu-child .menu-deeper.menu-parent > a,
.offcanvas-menu .offcanvas-inner .sp-module ul .menu-child .menu-deeper.menu-parent > span,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
font-size:18pt;text-decoration:none;
}

• Add menu-toggler options in Navigation +Color +Size +Alignment

body.ltr #offcanvas-toggler.offcanvas-toggler-right {float:left;margin-left:42%;}

• Add button options for all buttons succes/etc inside Presets settings +color +backgr-color

.btn-success:hover {background-color:#f9203 !important; border-color:#d8d8d8;}

• Add more hover option for menu .sp-module ul > li > a:hover {color:#e7e7e7;}

[Rakeshmvd]

Also adding the Custom Menu Header setting to make the menu bar transparent and sticky as a standard option

`#sp-header {background: rgba(255,255,255,0.5);}

sp-header.header-sticky {background: white !important;}`

[joomleb]

@Rakeshmvd Please, What about this with last Joomla 4.4.5 + Helix Ultimate 2.1.1 ? (Which version of PHP are you running?)

Can we consider this as "solved"/ "completed" ?

[Rakeshmvd]

php 8.1

Thank you for some improvements

Still need more settings for the menu's

Logo img {object-fit: contain;}

and

.moduletable.top_menu ul.menu.sp-megamenu-parent > li > a {font-size: 11pt !important; font-weight: 400;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item { padding: 10px 0px;} .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {margin-top: -20px;}

Easy setting to have the menu in the middle: .justify-content-end {justify-content: center !important;}

Gradient header background: header#sp-header.menubar { background : -moz-linear-gradient(0% 50% 0deg,rgba(61, 9, 195, 1) 0%,rgba(11, 1, 83, 1) 100%);

Having the menu items staying in the same horizontal line with different screen sizes is horrible, and needs many adjustments correcting: `@media screen and (max-width: 992px) {

sp-position7 {margin-top: 20px;}

} @media screen and (min-width: 992px) {

sp-position7 {padding-top:8px;} }`

Bug: a.menu_hidden_link::after {visibility:hidden;}

[joomleb]

Hi guys, @mi-prakash Please, Can you take a look to the latest @Rakeshmvd report here above ?