Profile menu not responsive (dashboard)

[Fintex]

Hi, My profile menu for logged in users is not responsive. On desktop, the last item in the item-list-tab is "more" with a dropdown for other items which don't fit in the tabs, that's fine. On mobile, I need all items in a dropdown, just like the demo here: http://wplms.io/demos/instructor/members/instructor/dashboard/ So the problem is, the tabs won't change to class: "flexMenu-viewMore flexMenu-allInPopup" when viewed on mobile. Now I have 4 rows with menu-items beneath each other. Did I miss a checkbox or something or do I need to add some extra CSS?  

[Diana]

@Fintex, You want the style like this for mobile view: https://prnt.sc/sb4zji Try changing the profile layout from wp-admin > Appearance > Customize > Layouts and check

[Fintex]

Hi Diana, Thnx for the reply. I just solved the problem. I was trying to hide some links in the menu which broke the mobile menu with: li#commissions-personal-li { display: none; } li#groups-personal-li { display: none; } Found the problem now, and solved. thnx  

[Diana]

@Fintex, Okay Great...!! Make sure to add a comment line above your CSS to identify it later why this CSS is being used

[Author]

Posts