Prevent subitems from appearing on top and on the right of the menu
I would like to display the sub-items of my menu below their parent rather than on the right. It seems that the behavior I want is automatically applied when the screen’s width is lower than 768 px. I’ve tried to alter main.css but: I couldn’t really find where the behavior that I want to prevent was defined The changes I do on main.css sometimes seem to be overwritten. Actually, as an additional question, may I assume that the files I modify externally will be saved and included in the version control? Here’s a picture of what I would like to avoid:
I couldn’t really find where the behaviour that I want to prevent was defined
Based on another project I am working on, the behaviour is set here:
.mx-navigationtree .navbar-inner .mx-navigationtree-has-items > ul
To have the subitems display below their parent, set this ul to position: relative; At this moment it is has position: absolute; applied to it.
The changes I do on main.css sometimes seem to be overwritten.
This might be the case when you are not editing the .css inside the theme/ folder. The deployment folder will be overwritten by theme.