I was trying to use MEGA MENU with 3 tabs in level 1 - and 3 columns in level 2 but it only shows a one column inside mega menu.
I have a Tab Mega menu with 3 menus so when the mouse is over of some this menus, i need to show some category menus at the right side of mega menu, i try to create 3 different menus to show it,
1 - create 3 customized menus widget to show all category inside the mega menu in 3 collums, but it overwrite the menu (image 2) and do not show it as columns , so on i saw that in yolo.css file a line modify display: inline-block propriety of css, but it cant be changed direct from style.css whit child theme cause this is part of yolo.css!
----> yolo.css modification
/*------------MODIFICATION MEGA MENU LAST LINE --------------------------------*
.navbar-nav,
.navbar-nav a,
.navbar-nav ul,
.navbar-nav li,
.navbar-nav div,
.navbar-nav form,
.navbar-nav input {
margin: 0;
padding: 0;
border: none;
outline: none;
display: inline-block;
}
2 - What i need is to show all my selected product category in line inside mega menu !
thanks !
Attachments:
You must be
logged in to view attached files.