I have language switcher in menu location.
But the position is to the left, which is too close to the offcanvas position used by the menu.
Can I use css code to adjust the menu position to center or to the left?
Solved
Helix Framework
menu position to center or to the left
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
BTW
Suggestions:
- "Contact" should be separate menu item in main row, not "hidden" in "About Us".
- Consider adding padding inside color boxes, now doesn't look good.
6 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?
-Regards.
edward Asked this
Our current website is not officially live yet.
Set photo here
https://prnt.sc/P8YpfTDVmvDf
https://prnt.sc/5LSX4dMkbst7
This is my current menu Custom css code..
.sp-megamenu-parent>li{
position:relative;
right:50px;
}
.sp-megamenu-parent>li a{
font-size:18px !important;
}
.sp-megamenu-parent>li:hover>a {
color: #150766;
border-bottom: 2px solid black;
line-height: 2;
}
.sp-megamenu-parent .sp-mega-group > li > a {color: black; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-mega-group > li > a:hover {color: red;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active {
background-color: orange; / your color there/
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
padding: 0px 0px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;}
sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
list-style: none;
padding: 0;
margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
line-height: 1;
display: block;
padding: 15px 15px;
cursor: pointer;
}
Mehtaz Afsana Borsha Staff
Sorry I need your site URL to check this. Please knock me here when it will be online.
edward Asked this
hi Mehtaz,
After our website is online, we will send you a new message to ask for your help.
Thank you.
Mehtaz Afsana Borsha Staff
Yeah sure.
edward Asked this
hi Mehtaz,
Our website is online, could you help me to change Menu Position To Center Or To The Left
Thank you.
Paul Frankowski Senior Staff
Hi Edward,
we already have guide for that: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-change-the-position-of-the-menu
edward Asked this
OK, I'll try it, thank you.
Mehtaz Afsana Borsha Staff
Is this solved now?
edward Asked this
I think the main problem is the location of the language, but there seems to be no good solution at present. I would like to see if there are other methods, thank you.
Log in to reply.