I have multiple submenus. 3rd-depth menu is opened in left-direction although there is space in right-direction. How can I fix this issue.
Please, see the attachment.
3 replies · opened May 18, 2020
I have multiple submenus. 3rd-depth menu is opened in left-direction although there is space in right-direction. How can I fix this issue.
Please, see the attachment.
Hello,
This is a Functionality we have programmed into the Sub-Menus. If there is even a 1px chance of the Sub-Menu getting outside the Viewport, the Menu is Inverted. However, if you would like to disable this, simply find and delete the following code in the js/functions.js File:
SEMICOLON.header.menuInvert();
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
I do not want to disable this property. However, it is displayed on the wrong side although there is a space in the right, I believe. I think, it looks for more than 1px. You may see that there is much more space in the right. Of course, I think for all screen. May be your code looks for the end of navigation (not the user login part in my scenario).
By the way, I moved the navigation item to the beginning and it worked properly.
For your consideration.
Hello,
We have checked out the Default JS Codes and the Function does not look for more than 1px offset. This is Condition we are using: if(windowWidth - (menuChildWidth + menuChildLeft) < 0). However, can you please provide us with a Live URL so that we can check out what exactly is causing this and then provide you with more assistance on this. Thanks for your Patience.
Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard