Submenus Rendering Outside Of View Area
Cristobal Mora Temnerud
Joomla: v. 3.10.2 Helix Ultimate Framework: v. 2.0.5 Template: Helix Ultimate 2.0.5
On thise website: https://www.icasa-group.com/energy/en/
When the screen resolution is lower than 1400px, the submenu items are rendered outside of the window, the menu is not adapting to the resolution or showing the subemues on the left side instead of the right. I've tried too change the dropdown positions to left but it doesn't have any effect.
Cristobal Mora Temnerud
Accepted AnswerThank you very much, it helps! But I changed it a bit to make it work, and to only apply the CSS when the screen has a determinate resolution, like this:
@media only screen and (max-width: 1400px) {
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub.sp-menu-right {
left: -200px !important;
}
}
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
Are you talking about the right part of the first level dropdown as shown in the following screenshot?
Then you can use the following code in your custom CSS:
body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
left: -110px !important;
}Hope this helps anyways!
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