I want to display 2 modules (Search and Menu) side by side in a topbar. For this I added the modulezone module and then assigned the 2 modules to it. However, these are always displayed one below another. I even tried to mention the CSS class as mentioned here:
You add a "zone", and then you can drop a module menu in it. The menu module creates the toggle button and internal nabbers. Modules assigned to the custom module zone module, if they are meant to be displayed side by side in a horizontal row, will need CSS rules for positioning. Since Tiki now uses Bootstrap grid classes, these are a recommended method. Three modules in a row could have the "top class" or "containing class" of "col-md-2", "col-md-8", and "col-md-2", for example, for divs or columns whose widths are proportioned 1:4:1. Some experimenting might be necessary to get the right combination of widths for the content of the modules.
It still does't display side-by-side. How do I make modules do that?