I have added items to my menu and I’m not happy with the user experience. The megamenu that opens from the first menu item (vieraile) is too far to the left. Also the fourth menu item (ajankohtaista) and the last (info) are too far to the right.
Clearly menu crossing the page margins doesn’t look good and its hard to use. Please help me fix this soon!
I see you changed the mega menu style (in the previous code i gave you it’s mega2, now you have mega3). For the request, please add these lines into your custom css box:
nav .codeless_custom_menu_mega_menu.codeless_mega3 {
left: -199px;
}
Edit the value to your wish.
Please keep in mind that these are customizations, not issues. I had no problem in using your menu.
this fixed most of the menu problems. But it created one more problem: the second last item “palvelut” is cut from right side and doesn’t fit on screen. Please help fix it.
It’s a three column megamenu item. I’m using a macbook (1280px wide) and the last column doesn’t fit in the screen. I think the optimal would be that the megamenu should never exceed the page margin. As you can see in your screenshot, this item goes way beyond the margin.
Sorry for the late reply.
We have accessed your site in a 1600×1200 resolution screen and it looks totally normal. However, since you are viewing it in 1280px wide screens, i tested it again. I’ve added this code into your custom css box:
nav .codeless_custom_menu_mega_menu.codeless_mega3 {
left: -341px;
}
nav .codeless_custom_menu_mega_menu.codeless_mega3 {
width: 593px !important;
}
nav .menu > li > ul.sub-menu, nav .menu > li > ul.sub-menu ul {
left: -40px !important;
}
