Prevent subitems from appearing on top and on the right of the menu

0
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: 
asked
1 answers
0
  1. 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.
     
  2. 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.
answered