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
Helix Ultimate 2 override for off canvas, login and search module
3 replies
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.
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
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