History and current situation
Tiki has had to make the transition from the old non-responsive portal-style website layout — where big banner ads, modules full of information, and so on were a common part of the page-top content — to today's style of web page layout where the page is responsive and the page-top navigation zones are, or can be, slimmed down to be usable in a small phone screen. The Tiki project sites, like this one, still try to put a lot of content in those areas, which works with varying degrees of success. It's no doubt a challenge for admins of Tiki sites in general to manage the top and topbar zones for good responsive performance, so this is an opportunity for the code and documentation to be improved to ease that challenge.
Current problems
Example case:
@bsfez note :
Naturally it should be possible to have nice logo, a menu and more modules (login, multilingual) Tiki25 using the bootsrap fixed topbar layout.
From my experience it require too much of work for common mortal.
Reply from Gary: I think what we need here is more/better documentation. For example, your site icon is only 8px tall. Your screenshot note says it's distorted, I guess when you tried to use the layout method in the logo module as it was designed. But, looking at the screenshot, the icon is displaying correctly, looks like to me. I would suggest you use an image the same height as you want your navbar to be, or somewhat larger and it will scale down to fit the space. An 8px-high image needs to scale up a lot to fill a 48px-high navbar (minus padding), so naturally it's going to be pixelated.
I don't know why the menu module was overlapping the other module, but we have lots of display classes, flexbox, etc. available in our CSS so this shouldn't happen if the right combination is used, so again a need for good documentation, examples, etc. IMO.
Improvement suggestions
Comparison with other platforms and websites
(Add examples of websites that do it better, etc.)
Changes in the code that would be useful
Improvement through configuration based on better documentation
- Recommend site logo sizes and file types for best display, etc.
- Provide examples of top and topbar module zone configuration
- What module containing class ("topclass" parameter) to use for various types of content: site logo/icon, menu, search form, etc. Show example configurations.
- How to use module visibility to display alternative modules in small screens where there's less space available in the navbar
;){kind=link}
;){kind=link}
;){kind=link}
;){kind=link}