Helix Ultimate: How to avoid sub menu to drop off the right side - Forum | JoomShaper
Solved Helix Framework

Helix Ultimate: How to avoid sub menu to drop off the right side

Asked by Peter Hunkeler 1 year ago Last activity 1 year ago

I've built the website with Helix Ultimate and SP Page Builder. I recognize that sub menu entries will drop off the right side when the menu item's text is too long. Is there a setting in Helix Ultimate, or a CSS hack to avoid this?

Example:

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Hi

Use this CSS in your custom.css file

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    position: relative;
    right: 80px;
}

3 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us and sorry for your issue. Could you please explain your issue a bit more?

-Regards.

Peter Hunkeler Asked this

That box below the menu heading "Info" shows the two submenu items. The problem is that the box is cut at the border of the boxed layout (red circle), and thus some of the text "Kontaktformular" is hidden (more or less of the text, dependig on the browser window width).

This is due to the fact that the left edge of the submenu box is ligned to the left edge of the menu entry (Info). The box should start more to the left, so that the end of the box is in line with the right edge of the inner body.

Peter Hunkeler Asked this

Great! Thanks a lot

Mehtaz Afsana Borsha Staff

You are most welcome.

Log in to reply.