Helix Ultimate 2 Override For Off Canvas, Login And Search Module - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix Ultimate 2 Override For Off Canvas, Login And Search Module

JM

Jean Machuron

Helix Framework 3 years ago

Hello we'd like to change the display within offcanvas menu in order to show the login module on the full width and under the search module. For now our users don't notice the very small icon to log in Can you tell me where to set overrides for theses files ? Thanks

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #48136

Hi,

please share link to screenshot to show me exactly what elements you want to change / increase size.

Maybe custom CSS may be needed

OR

You can publish SPPB module inside offcanvas position, and there you can use BIGGER icons.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #48137

Hi there!

If I may...

Are you talking about this portion https://prnt.sc/23m10s5 ? Then here is the sample branch of custom CSS would help you to achive this!

Code for login icon to appear below the search bar:

 .offcanvas-inner .d-flex.header-modules.mb-3 {
    flex-direction: column;
}

Code for making the icon larger and remove the top space:

.offcanvas-menu .offcanvas-inner .sp-sign-in {
    top: 0px !important;
    font-size: 20px;
}

Code for the dropdouwn menu items to bring to the icon for this new position:

.offcanvas-menu .offcanvas-inner .sp-profile-wrapper .sp-profile-dropdown{
    right: 122px;
    z-index: 9;
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
JM
Jean Machuron
Accepted Answer
3 years ago #48164

Thanks Rashida, that's a nice suggestion to use css but it does not correct the display:none for the name and data regarding logging and set in <span class="user-text d-none d-xl-inline-block"> user name</span> Do you have a css rule to overcome this ? That was why I was thinking at overriding offcanvas files but I don't know which ones

0